mirror of
https://github.com/morgan9e/dash-to-panel
synced 2026-04-14 00:04:17 +09:00
f35717a2c3
The taskbar controls the animations by listening: * appIcon 'notify::hover' and 'menu-state-changed' signals. * scrollView 'motion-event' and 'leave-event' signals (ripple and plank animations). The animations are processed in a new TaskbarItemContainer (that extends DashItemContainer). Vertical animations are done with a Clutter clone because the appIcon actor cannot go outside the taskbar. Horizontal animations (plank) are directly applied to the taskbarItemContainer. AppIcon._onAnimateAppiconHoverChanged removes icon backgrounds when animations are enabled. It also increases the size of the icon texture in order to prevent it from being ugly when it is scaled.
152 lines
3.7 KiB
CSS
152 lines
3.7 KiB
CSS
/*
|
|
* This file is part of the Dash-To-Panel extension for Gnome 3
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 2 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*
|
|
*
|
|
* Credits:
|
|
* This file is based on code from the Dash to Dock extension by micheleg
|
|
* and code from the Taskbar extension by Zorin OS
|
|
* Some code was also adapted from the upstream Gnome Shell source code.
|
|
*/
|
|
|
|
#dashtopanelTaskbar .dash-item-container > StWidget {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#dashtopanelScrollview .app-well-app .overview-icon,
|
|
.dashtopanelMainPanel .show-apps .overview-icon {
|
|
background: none;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#dashtopanelScrollview .app-well-app .overview-label {
|
|
/* must match TITLE_RIGHT_PADDING in apppicons.js */
|
|
padding-right: 8px;
|
|
}
|
|
|
|
#dashtopanelScrollview .app-well-app:hover .overview-icon,
|
|
#dashtopanelScrollview .app-well-app:focus .overview-icon {
|
|
background: none;
|
|
}
|
|
|
|
.dashtopanelMainPanel .show-apps:hover .overview-icon,
|
|
#dashtopanelScrollview .app-well-app:hover .dtp-container,
|
|
#dashtopanelScrollview .app-well-app:focus .dtp-container {
|
|
background-color: rgba(238, 238, 236, 0.1);
|
|
}
|
|
|
|
#dashtopanelScrollview .app-well-app:hover .dtp-container.animate-appicon-hover {
|
|
background: none;
|
|
}
|
|
|
|
#dashtopanelScrollview .app-well-app:active .dtp-container {
|
|
background-color: rgba(238, 238, 236, 0.18);
|
|
}
|
|
|
|
#dashtopanelScrollview .app-well-app .favorite {
|
|
background-color: rgba(80, 150, 255, 0.4);
|
|
}
|
|
|
|
#dashtopanelScrollview .app-well-app-running-dot {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#dashtopanelTaskbar .scrollview-fade {
|
|
background-gradient-end: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.dashtopanelSecondaryMenu {
|
|
max-width: 400px;
|
|
}
|
|
|
|
.dashtopanelMainPanel.vertical .panel-button {
|
|
text-align: center;
|
|
}
|
|
|
|
.dashtopanelMainPanel.vertical .panel-button.vertical *,
|
|
.dashtopanelMainPanel.vertical .panel-button.clock-display * {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.dashtopanelMainPanel.vertical .panel-button > *,
|
|
.dashtopanelMainPanel.vertical .panel-button.vertical > *,
|
|
.dashtopanelMainPanel.vertical .panel-button.clock-display > * {
|
|
padding: 8px 0;
|
|
}
|
|
|
|
#dashtopanelThumbnailList {
|
|
spacing: 0em;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
#dashtopanelThumbnailList .popup-menu-item {
|
|
padding: 0;
|
|
border-radius: 5px;
|
|
spacing: 0;
|
|
}
|
|
|
|
#dashtopanelThumbnailList .window-box {
|
|
padding: 0;
|
|
spacing: 0;
|
|
}
|
|
|
|
#dashtopanelThumbnailList .preview-window-title {
|
|
padding-top: 1em;
|
|
}
|
|
|
|
.popup-menu.panel-menu {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#panel #panelLeft, #panel #panelCenter {
|
|
spacing: 0px;
|
|
}
|
|
|
|
.showdesktop-button-dark-hovered {
|
|
background-color: rgba(200, 200, 200, .4);
|
|
}
|
|
|
|
.showdesktop-button-light-hovered {
|
|
background-color: rgba(55, 55, 55, .4);
|
|
}
|
|
|
|
.panel-corner.hidden:active, .panel-corner.hidden:overview, .panel-corner.hidden:focus {
|
|
-panel-corner-border-color: rgba(0, 0, 0, .001);
|
|
}
|
|
#dashtopanelScrollview .badge {
|
|
color: rgba(255, 255, 255, 1);
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
#dashtopanelScrollview .number-overlay {
|
|
background-color: rgba(0,0,0,0.8);
|
|
}
|
|
|
|
#dashtopanelScrollview .notification-badge {
|
|
background-color: rgba(255,0,0,0.8);
|
|
}
|
|
|
|
#dashtopanelScrollview .progress-bar {
|
|
/* Customization of the progress bar style, e.g.:
|
|
-progress-bar-background: rgba(0.8, 0.8, 0.8, 1);
|
|
-progress-bar-border: rgba(0.9, 0.9, 0.9, 1);
|
|
*/
|
|
}
|