theme: symbolic icons for App menu

- possibly too early as only core apps come with
  symbolic icon installed by default.
This commit is contained in:
Jakub Steiner 2015-01-14 15:34:04 +01:00 committed by Florian Müllner
parent e2500092fd
commit a0df7aa2b8
4 changed files with 41 additions and 36 deletions

View File

@ -482,7 +482,11 @@ StScrollBar {
color: #ccc; color: #ccc;
transition-duration: 100ms; transition-duration: 100ms;
&:hover { .app-menu-icon {
-st-icon-style: symbolic;
}
&:hover {
color: lighten($fg_color, 10%); color: lighten($fg_color, 10%);
text-shadow: black 0 2px 2px; text-shadow: black 0 2px 2px;
} }

View File

@ -949,14 +949,13 @@ StScrollBar {
-panel-corner-background-color: transparent; -panel-corner-background-color: transparent;
-panel-corner-border-color: transparent; } -panel-corner-border-color: transparent; }
#panel .panel-button { #panel .panel-button {
padding: 0px 12px; -natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold; font-weight: bold;
color: #ccc; color: #ccc;
transition-duration: 100ms; } transition-duration: 100ms; }
#panel .panel-button #appMenuIcon { #panel .panel-button .app-menu-icon {
app-icon-bottom-clip: 1px; } -st-icon-style: symbolic; }
.panel-button:active #panel .panel-button #appMenuIcon, .panel-button:overview #panel .panel-button #appMenuIcon, .panel-button:focus #panel .panel-button #appMenuIcon, .panel-button:checked #panel .panel-button #appMenuIcon {
app-icon-bottom-clip: 2px; }
#panel .panel-button:hover { #panel .panel-button:hover {
color: white; color: white;
text-shadow: black 0 2px 2px; } text-shadow: black 0 2px 2px; }
@ -1378,33 +1377,33 @@ StScrollBar {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
transition-duration: 200ms; } transition-duration: 200ms; }
.app-well-app.running > .overview-icon, .app-well-app.running .overview-icon,
.app-well-app.app-folder.running > .overview-icon, .app-well-app.app-folder.running .overview-icon,
.show-apps.running > .overview-icon, .show-apps.running .overview-icon,
.grid-search-result.running > .overview-icon { .grid-search-result.running .overview-icon {
text-shadow: black 0px 2px 2px; } text-shadow: black 0px 2px 2px; }
.app-well-app:active > .overview-icon, .app-well-app:checked > .overview-icon, .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:active .overview-icon,
.app-well-app.app-folder:checked > .overview-icon, .app-well-app.app-folder:checked .overview-icon,
.show-apps:active > .overview-icon, .show-apps:active .overview-icon,
.show-apps:checked > .overview-icon, .show-apps:checked .overview-icon,
.grid-search-result:active > .overview-icon, .grid-search-result:active .overview-icon,
.grid-search-result:checked > .overview-icon { .grid-search-result:checked .overview-icon {
background-color: rgba(0, 0, 0, 0.9); background-color: rgba(23, 25, 26, 0.9);
box-shadow: inset 0 1px 2px black; } box-shadow: inset 0 1px 2px black; }
.app-well-app:hover > .overview-icon, .app-well-app.running:hover > .overview-icon, .app-well-app:focus > .overview-icon, .app-well-app:selected > .overview-icon, .app-well-app:hover .overview-icon, .app-well-app.running:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon,
.app-well-app.app-folder:hover > .overview-icon, .app-well-app.app-folder:hover .overview-icon,
.app-well-app.app-folder.running:hover > .overview-icon, .app-well-app.app-folder.running:hover .overview-icon,
.app-well-app.app-folder:focus > .overview-icon, .app-well-app.app-folder:focus .overview-icon,
.app-well-app.app-folder:selected > .overview-icon, .app-well-app.app-folder:selected .overview-icon,
.show-apps:hover > .overview-icon, .show-apps:hover .overview-icon,
.show-apps.running:hover > .overview-icon, .show-apps.running:hover .overview-icon,
.show-apps:focus > .overview-icon, .show-apps:focus .overview-icon,
.show-apps:selected > .overview-icon, .show-apps:selected .overview-icon,
.grid-search-result:hover > .overview-icon, .grid-search-result:hover .overview-icon,
.grid-search-result.running:hover > .overview-icon, .grid-search-result.running:hover .overview-icon,
.grid-search-result:focus > .overview-icon, .grid-search-result:focus .overview-icon,
.grid-search-result:selected > .overview-icon { .grid-search-result:selected .overview-icon {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
transition-duration: 0ms; transition-duration: 0ms;
border-image: none; border-image: none;
@ -1417,10 +1416,10 @@ StScrollBar {
margin-bottom: 2px; } margin-bottom: 2px; }
.search-provider-icon, .search-provider-icon,
.list-search-result, .app-well-app > .overview-icon, .list-search-result, .app-well-app .overview-icon,
.app-well-app.app-folder > .overview-icon, .app-well-app.app-folder .overview-icon,
.show-apps > .overview-icon, .show-apps .overview-icon,
.grid-search-result > .overview-icon { .grid-search-result .overview-icon {
border-radius: 4px; border-radius: 4px;
padding: 6px; padding: 6px;
border: 1px solid transparent; border: 1px solid transparent;

View File

@ -954,6 +954,8 @@ StScrollBar {
font-weight: bold; font-weight: bold;
color: #ccc; color: #ccc;
transition-duration: 100ms; } transition-duration: 100ms; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button:hover { #panel .panel-button:hover {
color: white; color: white;
text-shadow: black 0 2px 2px; } text-shadow: black 0 2px 2px; }

View File

@ -114,7 +114,7 @@ const AppMenuButton = new Lang.Class({
textureCache.connect('icon-theme-changed', textureCache.connect('icon-theme-changed',
Lang.bind(this, this._onIconThemeChanged)); Lang.bind(this, this._onIconThemeChanged));
this._iconBox = new St.Bin(); this._iconBox = new St.Bin({ style_class: 'app-menu-icon' });
this._container.add_actor(this._iconBox); this._container.add_actor(this._iconBox);
this._label = new St.Label(); this._label = new St.Label();