Add styles for grid and view

pull/224/head
Satyajit Sahoo 2014-11-14 01:29:02 +05:30
parent ce39f0cf9c
commit 2d1661776f
5 changed files with 150 additions and 14 deletions

View File

@ -0,0 +1,29 @@
@import "functions";
.list {
background-color: shade($bg_color, 0.97);
color: $fg_color;
&-row {
border: none;
border-radius: 0;
padding: 3px;
background-image: none;
background-color: transparent;
&:hover {
background-image: none;
background-color: shade($bg_color, 1.02);
}
&:selected {
&, &:hover, &:focus {
background-image: none;
background-color: $selected_bg_color;
color: $selected_fg_color;
}
}
}
}
.grid-child { padding: $spacing; }

View File

@ -16,20 +16,20 @@
.title {
font: bold;
padding: 0 12px;
padding: 0 ($spacing * 2);
}
.subtitle {
font: smaller;
padding: 0 12px;
padding: 0 ($spacing * 2);
}
.button { @include button($bg, $fg); }
GtkComboBox, .button {
padding: 2px;
padding: $spacing - 1px;
&.text-button { padding: 4px; }
&.text-button { padding: $spacing; }
&.image-button { padding: $spacing ($spacing - 1px) ($spacing - 1px) $spacing; }
}
@ -84,10 +84,12 @@
border: none;
background: none;
color: mix($titlebar_fg_color, $titlebar_bg_color, 0.90);
box-shadow: none;
&:hover, &:hover:focus {
background: none;
color: $selected_bg_color;
box-shadow: none;
}
&:active, &:active:hover {
@ -97,7 +99,7 @@
}
&:backdrop {
background-image: none;
background: none;
color: mix($titlebar_fg_color, $titlebar_bg_color, 0.60);
icon-shadow: none;
}

View File

@ -0,0 +1,103 @@
@import "functions";
.cell {
border-width: 0;
border-radius: 0;
&:selected, &:selected:focus {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
}
row {
&:selected {
&, &:hover, &:focus {
-GtkWidget-focus-padding: 1;
-GtkWidget-focus-line-width: 0;
border-width: 1px 0;
border-style: solid;
border-color: border_normal($selected_bg_color);
background-color: $selected_bg_color;
background-image: none;
color: $selected_fg_color;
}
}
}
column-header {
.button {
&, &:active {
border-width: 0 1px 1px 0;
border-radius: 0;
}
&, &:active, &:focus, &:active:focus {
border-color: shade($base_color, 0.9);
border-bottom-color: shade($base_color, 0.8);
background-color: shade($base_color, 0.97);
background-image: none;
}
&:hover, &:active:hover, &:hover:focus, &:active:hover:focus {
border-color: shade($base_color, 0.9);
border-bottom-color: shade($base_color, 0.8);
background-color: shade($base_color, 0.99);
background-image: none;
}
&:last-child .button { border-width: 0 0 1px 0; }
}
}
.content-view {
&.view {
background-color: $base_color;
&:prelight { background-color: alpha($selected_bg_color, 0.6); }
&:selected, &:active { background-color: $selected_bg_color; }
&:insensitive { background-color: shade($base_color, 0.9); }
&.check {
&, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
}
}
.subtitle {
font: smaller;
padding: 0 12px;
}
}
GtkIconView {
&.content-view.check {
&, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
}
&.view.cell {
&:selected, &:selected:focus {
border-width: 1px;
border-style: solid;
border-color: border_normal($selected_bg_color);
border-radius: 2px;
background-color: $selected_bg_color;
background-image: none;
color: $selected_fg_color;
}
}
}
.rubberband {
&, &.view, &.content-view.view {
border-width: 1px;
border-style: solid;
border-color: $selected_bg_color;
border-radius: 0;
background-color: alpha($selected_bg_color, 0.3);
}
}
GdMainIconView.content-view { -GdMainIconView-icon-size: 40; }

View File

@ -1,14 +1,14 @@
.window-frame {
border-style: none;
border-radius: 2px 2px 0 0;
box-shadow: 0 3px 7px 1px alpha(black, 0.7),
border: none;
border-radius: $roundness $roundness 0 0;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
/* this is used for the resize cursor area */
margin: 10px;
margin: $spacing * 3;
&:backdrop {
box-shadow: 0 3px 5px 1px alpha(black, 0.5),
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24),
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12);
}
@ -17,18 +17,18 @@
&.csd {
&.popup {
border-radius: 0;
box-shadow: 0 1px 2px alpha(black, 0.8),
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23),
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
}
&.tooltip {
border-radius: 2px;
border-radius: $roundness;
box-shadow: none;
}
&.message-dialog {
border-radius: 2px;
box-shadow: 0 1px 2px alpha(black, 0.8),
border-radius: $roundness;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23),
0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
}
}

View File

@ -6,4 +6,6 @@
@import "menu";
@import "toolbar";
@import "sidebar";
@import "view";
@import "grid";
@import "window";