isa/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme: Change icons style to follow new design

Browse Source 
Change the background, glow and labels of the Dash and AppDisplay
to follow the new design

https://bugzilla.gnome.org/show_bug.cgi?id=706081
This commit is contained in:
Carlos Soriano 2013-08-31 15:05:53 +02:00
parent 1e02081cd2
commit 9a8bf3b881
2 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
data/theme/gnome-shell.css
View File

@ -908,9 +908,9 @@ StScrollBar StButton#vhandle:active {
/* Application Launchers, Grid and List results */ /* Application Launchers, Grid and List results */
.icon-grid { .icon-grid {
spacing: 36px; spacing: 30px;
-shell-grid-horizontal-item-size: 118px; -shell-grid-horizontal-item-size: 136px;
-shell-grid-vertical-item-size: 118px; -shell-grid-vertical-item-size: 136px;
} }
.icon-grid .overview-icon { .icon-grid .overview-icon {
@ -986,13 +986,21 @@ StScrollBar StButton#vhandle:active {
background-image: url("more-results.svg"); background-image: url("more-results.svg");
} }
.app-well-app > .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label {
/* since the label controls its own spacing, it is visually more
consistent to use different padding values for top and bottom */
padding: 10px 8px 5px 8px;
spacing: 4px;
}
.app-well-app > .overview-icon, .app-well-app > .overview-icon,
.show-apps > .overview-icon, .show-apps > .overview-icon,
.search-provider-icon, .search-provider-icon,
.list-search-result, .list-search-result,
.grid-search-result .overview-icon { .grid-search-result .overview-icon {
border-radius: 4px; border-radius: 4px;
padding: 3px; padding: 6px;
border: 1px rgba(0,0,0,0); border: 1px rgba(0,0,0,0);
transition-duration: 100ms; transition-duration: 100ms;
text-align: center; text-align: center;
@ -1004,7 +1012,7 @@ StScrollBar StButton#vhandle:active {
.app-folder-popup { .app-folder-popup {
-arrow-border-radius: 8px; -arrow-border-radius: 8px;
-arrow-background-color: black; -arrow-background-color: rgba(0,0,0,0.3);
-arrow-base: 24px; -arrow-base: 24px;
-arrow-rise: 11px; -arrow-rise: 11px;
} }
@ -1020,7 +1028,7 @@ StScrollBar StButton#vhandle:active {
} }
.app-well-app.app-folder > .overview-icon { .app-well-app.app-folder > .overview-icon {
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.3);
} }
.app-well-app:hover > .overview-icon, .app-well-app:hover > .overview-icon,
@ -1035,7 +1043,7 @@ StScrollBar StButton#vhandle:active {
} }
.app-display .app-well-app > .overview-icon { .app-display .app-well-app > .overview-icon {
border-radius: 10px; border-radius: 4px;
} }
.list-search-result:hover .list-search-result-description { .list-search-result:hover .list-search-result-description {

7
js/ui/iconGrid.js
View File

@ -21,7 +21,12 @@ const BaseIcon = new Lang.Class({
params = Params.parse(params, { createIcon: null, params = Params.parse(params, { createIcon: null,
setSizeManually: false, setSizeManually: false,
showLabel: true }); showLabel: true });
this.actor = new St.Bin({ style_class: 'overview-icon',
let styleClass = 'overview-icon';
if (params.showLabel)
styleClass += ' overview-icon-with-label';
this.actor = new St.Bin({ style_class: styleClass,
x_fill: true, x_fill: true,
y_fill: true }); y_fill: true });
this.actor._delegate = this; this.actor._delegate = this;