{"id":36653,"date":"2022-01-05T17:01:00","date_gmt":"2022-01-05T17:01:00","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=36653"},"modified":"2022-01-05T17:01:00","modified_gmt":"2022-01-05T17:01:00","slug":"gnome-dash-dock-hover-top-bar","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2022\/01\/gnome-dash-dock-hover-top-bar\/","title":{"rendered":"The Extension Displays GNOME Dash as Top Dock When Mouse Hover Top-bar"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png\" alt=\"\" width=\"250\" height=\"250\" class=\"alignleft size-thumbnail wp-image-34682\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-300x300.png 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-600x600.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-768x768.png 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>There are a few extensions (e.g., <i>Dash-to-dock<\/i> and <i>Dash-to-panel<\/i>) to change the Gnome Shell &#8216;Dash&#8217; appearance and behavior. Here I&#8217;m going to introduce the new extension called &#8220;<b>Dash from Panel<\/b>&#8220;.<\/p>\n<h3>GNOME Shell Dash:<\/h3>\n<p><b>The &#8216;Dash&#8217; is the bottom bar in GNOME <i>Activities<\/i> overview screen, that shows favorite apps and running applications.<\/b> Ubuntu by default uses <i>&#8216;Dash-to-dock&#8217;<\/i> extension to bring the Dash out of overview screen as a left panel. And, there&#8217;s a <i>&#8216;Dash-to-panel&#8217;<\/i> extension for choice to combine it with top-bar into single Microsoft Windows style bottom panel.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/gnome-dash.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/gnome-dash-600x194.jpg\" alt=\"\" width=\"600\" height=\"194\" class=\"aligncenter size-large wp-image-36656\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/gnome-dash-600x194.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/gnome-dash-300x97.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/gnome-dash-768x249.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/gnome-dash.jpg 1366w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><br \/>\n<a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dash-to-panel.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dash-to-panel-600x178.jpg\" alt=\"\" width=\"600\" height=\"178\" class=\"aligncenter size-large wp-image-36657\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dash-to-panel-600x178.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dash-to-panel-300x89.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dash-to-panel-768x228.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dash-to-panel.jpg 1366w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><br \/>\n<a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/ubuntu-dock.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/ubuntu-dock-600x213.jpg\" alt=\"\" width=\"600\" height=\"213\" class=\"aligncenter size-large wp-image-36655\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/ubuntu-dock-600x213.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/ubuntu-dock-300x107.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/ubuntu-dock-768x273.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/ubuntu-dock.jpg 1366w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>Dash from Panel<\/h3>\n<p>This is a new gnome shell extension. It does not change the default &#8216;Dash&#8217;, but only let it appear as dock at top when moving the cursor over top bar. So, user may access favorite and running app icons quickly without triggering &#8216;Activities&#8217; overview.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dashfrom-panel.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dashfrom-panel-600x229.jpg\" alt=\"\" width=\"600\" height=\"229\" class=\"aligncenter size-large wp-image-36658\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dashfrom-panel-600x229.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dashfrom-panel-300x115.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dashfrom-panel-768x293.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/dashfrom-panel.jpg 1366w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>The extension uses native GNOME Shell Dash to display as &#8220;dock&#8221;. And, it&#8217;s very light. As a new project, <a href=\"https:\/\/github.com\/fthx\/dash-from-panel\" rel=\"noopener\" target=\"_blank\">Dash from Panel<\/a> so far lack options to configure the position, dock size and padding etc. <\/p>\n<h3>Install Dash from Panel:<\/h3>\n<p>The extensions so far support GNOME 40+. Users of Ubuntu 21.10+, Fedora 34+, and Arch Linux may install it via following steps.<\/p>\n<p>1.) For Ubuntu user, press <b>Ctrl+Alt+T<\/b> on keyboard to open terminal. And run command to install the &#8216;<code>chrome-gnome-shell<\/code>&#8216; package first:<\/p>\n<pre>sudo apt install chrome-gnome-shell<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell.png\" alt=\"\" width=\"600\" height=\"139\" class=\"aligncenter size-full wp-image-9943\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell-450x104.png 450w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>2.) Go the extension page in your web browser via the link below and turn on the toggle icon to install it.<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/4741\/dash-from-panel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dash from Panel Extension<\/a><\/div>\n<\/div>\n<p>NOTE for Ubuntu 21.10+, the preinstalled Firefox is a Snap package that so far does not support installing Gnome Extensions. Use another browser or Firefox as Deb.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-dashfrom-panel.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-dashfrom-panel-600x340.webp\" alt=\"\" width=\"600\" height=\"340\" class=\"aligncenter size-large wp-image-36659\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-dashfrom-panel-600x340.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-dashfrom-panel-300x170.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-dashfrom-panel-768x435.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-dashfrom-panel.webp 1005w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>If you don&#8217;t see the toggle icon, install the browser extension and refresh the web page.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/browser-gsextension.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/browser-gsextension-600x341.webp\" alt=\"\" width=\"600\" height=\"341\" class=\"aligncenter size-large wp-image-36660\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/browser-gsextension-600x341.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/browser-gsextension-300x171.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/browser-gsextension-768x437.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/browser-gsextension.webp 983w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>The extension works immediately after installation. User may manage the extensions later via &#8216;<b>Gnome Extensions<\/b>&#8216; app, which can be installed via:<\/p>\n<pre>sudo apt install gnome-shell-extension-prefs<\/pre>\n<p>And other systems may install it from Gnome Software.<\/p>","protected":false},"excerpt":{"rendered":"<p>There are a few extensions (e.g., Dash-to-dock and Dash-to-panel) to change the Gnome Shell &#8216;Dash&#8217; appearance and behavior. Here I&#8217;m going to introduce the new extension called &#8220;Dash from Panel&#8220;. GNOME Shell Dash: The &#8216;Dash&#8217; is the bottom bar in GNOME Activities overview screen, that shows favorite apps and running applications. Ubuntu by default uses [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":34682,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-36653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gnome"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/36653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=36653"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/36653\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/34682"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=36653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=36653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=36653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}