Auto Hide Scrollbar Di Atom (Atom Material UI Theme)

Bismillahirrahmanirrahim.

Pada postingan kali ini saya ingin berbagi tips bagi teman-teman pengguna penyunting teks Atom yang kurang suka dengan ukuran scrollbar yang agak besar atau tampilan scrollbar yang selalu nongol pada editor. Hasil akhirnya adalah scrollbar tidak akan tampil kecuali kita melakukan hover pada area vertical/horizontal scrollbar.

Langkah pertama yaitu carilah lokasi direktori paket tema yang dipakai. Lokasi paket-paket yang terpasang pada Atom terletak di direktori ~/.atom/packages/. Karena saya memakai tema Atom Material, maka saya dapatkan direktorinya di ~/.atom/packages/atom-material-ui/styles/.

Langkah kedua yaitu menyunting berkas scrollbar.less. Sesuaikan berkas scrollbar.less anda dengan kode berikut (terutama bagian yang saya beri komentar):

Langkah terakhir yaitu simpan berkas tersebut, tutup Atom, kemudian jalankan kembali Atom untuk melihat hasilnya.

 

Tulisan ini dikerjakan menggunakan WordPress dengan bantuan Chromium 52.0.2743.116. Sistem operasi yang digunakan yaitu Fedora 24. Versi Atom yang digunakan yaitu v1.9.5 dengan tema antarmuka Atom Material UI dan tema sintaks Atom Material Syntax Dark.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s