Fixes for a lot of bad aligments on lots of widgets

This commit is contained in:
Adriano Moura 2016-12-03 02:49:01 -02:00
parent 63c2873825
commit 590f0a2405

View File

@ -114,11 +114,24 @@ slider, .slider {
background-color: @bg_color; background-color: @bg_color;
} }
frame, .frame { frame {
background-color: transparent;
padding: 2px;
}
.frame {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
} }
/* since .view is white and frame is generally behind grey, lets nullify frame's padding */
frame > list,
frame > .view {
margin: -2px;
}
frame > scrolledwindow {
margin: -3px;
}
/* frame always comes with a border element which is the one that should be decorated, but so far i found /* frame always comes with a border element which is the one that should be decorated, but so far i found
* that decorating only the frame with sunken 2px is better */ * that decorating only the frame with sunken 2px is better */
@ -325,6 +338,10 @@ button.flat {
border-color: transparent; border-color: transparent;
} }
viewport button.flat {
background-color: transparent;
}
/******************* /*******************
* check and radio * * check and radio *
@ -404,6 +421,11 @@ view, .view {
color: @theme_text_color; color: @theme_text_color;
} }
box.view {
background-color: @bg_color;
color: @fg_color;
}
view:disabled, view:disabled,
view:disabled:disabled { view:disabled:disabled {
background-color: @bg_color; background-color: @bg_color;
@ -425,9 +447,9 @@ iconview {
* list cell and row * * list cell and row *
*********************/ *********************/
cell, .cell, cell,:not(check):not(radio).cell,
row, .row { row, :not(check):not(radio).row {
border-width: 1px 0px 0px 1px; border-width: 0px 0px 1px 0px;
border-style: solid; border-style: solid;
border-color: mix(@fg_color,@base_color,0.7); border-color: mix(@fg_color,@base_color,0.7);
} }
@ -442,11 +464,6 @@ row:selected:focus {
outline-offset: 0px; outline-offset: 0px;
} }
/* a bit of a hack to get the cells/rows borders to match with empty space on the list borders */
list {
box-shadow: inset 1px 1px shade(@base_color,0.7);
}
list > separator { list > separator {
border: 0px; border: 0px;
min-height: 0px; min-height: 0px;
@ -454,6 +471,18 @@ list > separator {
} }
/*********
* paned *
*********/
paned {
margin: 2px;
}
paned > paned {
margin: 0px;
}
/************* /*************
* separator * * separator *
*************/ *************/
@ -463,12 +492,12 @@ separator {
min-height: 0px; min-height: 0px;
} }
*.horizontal separator { .horizontal separator {
margin-top: 4px; margin-top: 4px;
margin-bottom: 4px; margin-bottom: 4px;
} }
*.vertical separator { .vertical separator {
margin-left: 4px; margin-left: 4px;
margin-right: 4px; margin-right: 4px;
} }
@ -482,15 +511,20 @@ paned > separator {
} }
paned.vertical > separator { paned.vertical > separator {
margin-top: 2px;
margin-bottom: 2px;
padding-top: 1px; padding-top: 1px;
padding-bottom: 1px; padding-bottom: 1px;
} }
paned.horizontal > separator { paned.horizontal > separator {
margin-left: 2px;
margin-right: 2px;
padding-left: 1px; padding-left: 1px;
padding-right: 1px; padding-right: 1px;
} }
toolbar > separator { toolbar > separator {
margin: 0px 2px 0px 2px; margin: 0px 2px 0px 2px;
} }
@ -532,6 +566,11 @@ treeview entry {
background-image: none; background-image: none;
} }
header > button {
padding-top: 0px;
padding-bottom: 0px;
}
/********* /*********
* entry * * entry *
@ -673,9 +712,9 @@ GtkHTML {
************/ ************/
calendar { calendar {
padding-left: 1px; padding-left: 2px;
padding-top: 1px; padding-top: 2px;
padding-right: 1px; padding-right: 2px;
outline-offset: 0px; outline-offset: 0px;
} }
@ -704,11 +743,23 @@ expander arrow:checked {
*******************/ *******************/
/* avoid double borders when a viewport is /* avoid double borders when a viewport is
* packed into a GtkScrolledWindow */ * packed into a GtkScrolledWindow
scrolledwindow viewport { scrolledwindow viewport {
border-style: none; border-style: none;
} */
scrolledwindow.frame,
scrolledwindow {
padding: 1px;
padding-bottom: 0px;
} }
/* transmission misteriously resets border-width to zero, cant even force it here
scrolledwindow.frame {
border-width: 1px;
} */
/* nautilus seems to have a special transparent icon canvas, since scrolledwindow is also transparent /* nautilus seems to have a special transparent icon canvas, since scrolledwindow is also transparent
the default background color is shown, lets paint it with the base color */ the default background color is shown, lets paint it with the base color */
.nautilus-window overlay > scrolledwindow { .nautilus-window overlay > scrolledwindow {
@ -864,7 +915,7 @@ notebook.frame,
notebook { notebook {
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
margin: 4px; margin: 0px;
} }
notebook > header { notebook > header {
background-color: @bg_color; background-color: @bg_color;
@ -1204,10 +1255,16 @@ stacksidebar list row:selected:hover {
***********/ ***********/
.sidebar list { .sidebar list {
margin: 3px;
padding: 1px; padding: 1px;
} }
placessidebar list > row,
.sidebar list > row {
padding-bottom: 1px;
padding-left: 4px;
padding-right: 2px;
}
/************** /**************
* spinbutton * * spinbutton *
@ -1423,6 +1480,7 @@ window.ssd .titlebar {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border: 3px solid transparent; border: 3px solid transparent;
border-bottom: 1px solid transparent;
background-color: @selected_bg_color; background-color: @selected_bg_color;
background-image: none; background-image: none;
text-shadow: none; text-shadow: none;
@ -1558,3 +1616,4 @@ flowbox rubberband, treeview.view rubberband, .content-view rubberband,
/* box-shadow: inset 1px 1px 0px 0px black, /* box-shadow: inset 1px 1px 0px 0px black,
inset -1px -1px 0px 0px black; */ inset -1px -1px 0px 0px black; */
} }