by roundabout, Wednesday, 26 September 2018, 14:21:45 (1537971705), pushed by roundabout, Sunday, 11 May 2025, 13:22:27 (1746969747)
Author identity: nana-4 <hnmaigo@gmail.com>
7c7e0aafaaf759d7413c986a728c05d1c8bc4660
src/_sass/gtk/_common-3.18.scss
@@ -1066,7 +1066,7 @@ column-header.button.dnd { // for treeview-like derive widgets
-GtkNotebook-initial-gap: 8;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: 1;
-GtkNotebook-tab-overlap: 0;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
@@ -1110,6 +1110,7 @@ column-header.button.dnd { // for treeview-like derive widgets
border-style: solid;
border-color: transparent;
background-color: transparent;
background-clip: border-box;
outline-offset: 0;
@@ -1157,7 +1158,6 @@ column-header.button.dnd { // for treeview-like derive widgets
}
*/
&.reorderable-page {
-GtkNotebook-tab-overlap: 1;
&.top, &.bottom {
padding-left: 12px; // for a nicer close button
padding-right: 12px; // placement
@@ -1169,40 +1169,24 @@ column-header.button.dnd { // for treeview-like derive widgets
border-top-width: 1px;
}
}
&:hover, &.prelight-page { background-color: $semi_fill_color; }
&.top {
&:hover, &.prelight-page { box-shadow: inset 0 -2px $fill_color; }
&:active, &.active-page { box-shadow: inset 0 -2px $primary_color; }
}
&.bottom {
&:hover, &.prelight-page { box-shadow: inset 0 2px $fill_color; }
&:active, &.active-page { box-shadow: inset 0 2px $primary_color; }
}
&.left {
&:hover, &.prelight-page { box-shadow: inset -2px 0 $fill_color; }
&:active, &.active-page { box-shadow: inset -2px 0 $primary_color; }
}
&.right {
&:hover, &.prelight-page { box-shadow: inset 2px 0 $fill_color; }
&:active, &.active-page { box-shadow: inset 2px 0 $primary_color; }
}
@each $_tab, $_border in (top, bottom),
(bottom, top),
(left, right),
(right, left) {
&.reorderable-page.#{$_tab} {
border-color: transparent;
&:hover, &.prelight-page {
border-color: $border_color;
border-#{$_border}-width: 0;
border-#{$_border}-color: transparent;
background-color: $alt_base_color;
}
&:active, &.active-page {
border-color: $border_color;
border-#{$_border}-width: 0;
border-#{$_border}-color: transparent;
background-color: $base_color;
}
&.reorderable-page {
&:active, &.active-page {
border-color: $border_color;
background-color: $base_color;
background-clip: padding-box;
}
}
.label { //tab text
src/gtk/3.18/gtk-dark.css
@@ -1391,7 +1391,7 @@ column-header.button.dnd, column-header .button.dnd {
-GtkNotebook-initial-gap: 8;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: 1;
-GtkNotebook-tab-overlap: 0;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
@@ -1462,6 +1462,7 @@ column-header.button.dnd, column-header .button.dnd {
border-style: solid;
border-color: transparent;
background-color: transparent;
background-clip: border-box;
outline-offset: 0;
/* works for testnotebookdnd, but there's a superfluous border
in gedit or web, commented out for now, needs gtk fixes
@@ -1502,10 +1503,6 @@ column-header.button.dnd, column-header .button.dnd {
padding: 8px 12px;
}
.notebook tab.reorderable-page {
-GtkNotebook-tab-overlap: 1;
}
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
padding-left: 12px;
padding-right: 12px;
@@ -1518,108 +1515,30 @@ column-header.button.dnd, column-header .button.dnd {
border-top-width: 1px;
}
.notebook tab.top:hover, .notebook tab.top.prelight-page {
box-shadow: inset 0 -2px alpha(currentColor, 0.24);
.notebook tab:hover, .notebook tab.prelight-page {
background-color: alpha(currentColor, 0.08);
}
.notebook tab.top:active, .notebook tab.top.active-page {
box-shadow: inset 0 -2px #4285F4;
}
.notebook tab.bottom:hover, .notebook tab.bottom.prelight-page {
box-shadow: inset 0 2px alpha(currentColor, 0.24);
}
.notebook tab.bottom:active, .notebook tab.bottom.active-page {
box-shadow: inset 0 2px #4285F4;
}
.notebook tab.left:hover, .notebook tab.left.prelight-page {
box-shadow: inset -2px 0 alpha(currentColor, 0.24);
}
.notebook tab.left:active, .notebook tab.left.active-page {
box-shadow: inset -2px 0 #4285F4;
}
.notebook tab.right:hover, .notebook tab.right.prelight-page {
box-shadow: inset 2px 0 alpha(currentColor, 0.24);
}
.notebook tab.right:active, .notebook tab.right.active-page {
box-shadow: inset 2px 0 #4285F4;
}
.notebook tab.reorderable-page.top {
border-color: transparent;
}
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
border-color: rgba(0, 0, 0, 0.26);
border-bottom-width: 0;
border-bottom-color: transparent;
background-color: #2C2C2C;
}
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
border-color: rgba(0, 0, 0, 0.26);
border-bottom-width: 0;
border-bottom-color: transparent;
background-color: #303030;
}
.notebook tab.reorderable-page.bottom {
border-color: transparent;
}
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
border-color: rgba(0, 0, 0, 0.26);
border-top-width: 0;
border-top-color: transparent;
background-color: #2C2C2C;
}
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
.notebook tab.reorderable-page:active, .notebook tab.reorderable-page.active-page {
border-color: rgba(0, 0, 0, 0.26);
border-top-width: 0;
border-top-color: transparent;
background-color: #303030;
}
.notebook tab.reorderable-page.left {
border-color: transparent;
}
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
border-color: rgba(0, 0, 0, 0.26);
border-right-width: 0;
border-right-color: transparent;
background-color: #2C2C2C;
}
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
border-color: rgba(0, 0, 0, 0.26);
border-right-width: 0;
border-right-color: transparent;
background-color: #303030;
}
.notebook tab.reorderable-page.right {
border-color: transparent;
}
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
border-color: rgba(0, 0, 0, 0.26);
border-left-width: 0;
border-left-color: transparent;
background-color: #2C2C2C;
}
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
border-color: rgba(0, 0, 0, 0.26);
border-left-width: 0;
border-left-color: transparent;
background-color: #303030;
background-clip: padding-box;
}
.notebook tab .label {
src/gtk/3.18/gtk-light.css
@@ -1391,7 +1391,7 @@ column-header.button.dnd, column-header .button.dnd {
-GtkNotebook-initial-gap: 8;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: 1;
-GtkNotebook-tab-overlap: 0;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
@@ -1462,6 +1462,7 @@ column-header.button.dnd, column-header .button.dnd {
border-style: solid;
border-color: transparent;
background-color: transparent;
background-clip: border-box;
outline-offset: 0;
/* works for testnotebookdnd, but there's a superfluous border
in gedit or web, commented out for now, needs gtk fixes
@@ -1502,10 +1503,6 @@ column-header.button.dnd, column-header .button.dnd {
padding: 8px 12px;
}
.notebook tab.reorderable-page {
-GtkNotebook-tab-overlap: 1;
}
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
padding-left: 12px;
padding-right: 12px;
@@ -1518,108 +1515,30 @@ column-header.button.dnd, column-header .button.dnd {
border-top-width: 1px;
}
.notebook tab.top:hover, .notebook tab.top.prelight-page {
box-shadow: inset 0 -2px alpha(currentColor, 0.24);
.notebook tab:hover, .notebook tab.prelight-page {
background-color: alpha(currentColor, 0.08);
}
.notebook tab.top:active, .notebook tab.top.active-page {
box-shadow: inset 0 -2px #4285F4;
}
.notebook tab.bottom:hover, .notebook tab.bottom.prelight-page {
box-shadow: inset 0 2px alpha(currentColor, 0.24);
}
.notebook tab.bottom:active, .notebook tab.bottom.active-page {
box-shadow: inset 0 2px #4285F4;
}
.notebook tab.left:hover, .notebook tab.left.prelight-page {
box-shadow: inset -2px 0 alpha(currentColor, 0.24);
}
.notebook tab.left:active, .notebook tab.left.active-page {
box-shadow: inset -2px 0 #4285F4;
}
.notebook tab.right:hover, .notebook tab.right.prelight-page {
box-shadow: inset 2px 0 alpha(currentColor, 0.24);
}
.notebook tab.right:active, .notebook tab.right.active-page {
box-shadow: inset 2px 0 #4285F4;
}
.notebook tab.reorderable-page.top {
border-color: transparent;
}
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
border-color: rgba(0, 0, 0, 0.12);
border-bottom-width: 0;
border-bottom-color: transparent;
background-color: #FAFAFA;
}
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
border-color: rgba(0, 0, 0, 0.12);
border-bottom-width: 0;
border-bottom-color: transparent;
background-color: #FFFFFF;
}
.notebook tab.reorderable-page.bottom {
border-color: transparent;
}
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
border-color: rgba(0, 0, 0, 0.12);
border-top-width: 0;
border-top-color: transparent;
background-color: #FAFAFA;
}
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
.notebook tab.reorderable-page:active, .notebook tab.reorderable-page.active-page {
border-color: rgba(0, 0, 0, 0.12);
border-top-width: 0;
border-top-color: transparent;
background-color: #FFFFFF;
}
.notebook tab.reorderable-page.left {
border-color: transparent;
}
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
border-color: rgba(0, 0, 0, 0.12);
border-right-width: 0;
border-right-color: transparent;
background-color: #FAFAFA;
}
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
border-color: rgba(0, 0, 0, 0.12);
border-right-width: 0;
border-right-color: transparent;
background-color: #FFFFFF;
}
.notebook tab.reorderable-page.right {
border-color: transparent;
}
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
border-color: rgba(0, 0, 0, 0.12);
border-left-width: 0;
border-left-color: transparent;
background-color: #FAFAFA;
}
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
border-color: rgba(0, 0, 0, 0.12);
border-left-width: 0;
border-left-color: transparent;
background-color: #FFFFFF;
background-clip: padding-box;
}
.notebook tab .label {
src/gtk/3.18/gtk.css
@@ -1391,7 +1391,7 @@ column-header.button.dnd, column-header .button.dnd {
-GtkNotebook-initial-gap: 8;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: 1;
-GtkNotebook-tab-overlap: 0;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
@@ -1462,6 +1462,7 @@ column-header.button.dnd, column-header .button.dnd {
border-style: solid;
border-color: transparent;
background-color: transparent;
background-clip: border-box;
outline-offset: 0;
/* works for testnotebookdnd, but there's a superfluous border
in gedit or web, commented out for now, needs gtk fixes
@@ -1502,10 +1503,6 @@ column-header.button.dnd, column-header .button.dnd {
padding: 8px 12px;
}
.notebook tab.reorderable-page {
-GtkNotebook-tab-overlap: 1;
}
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
padding-left: 12px;
padding-right: 12px;
@@ -1518,108 +1515,30 @@ column-header.button.dnd, column-header .button.dnd {
border-top-width: 1px;
}
.notebook tab.top:hover, .notebook tab.top.prelight-page {
box-shadow: inset 0 -2px alpha(currentColor, 0.24);
.notebook tab:hover, .notebook tab.prelight-page {
background-color: alpha(currentColor, 0.08);
}
.notebook tab.top:active, .notebook tab.top.active-page {
box-shadow: inset 0 -2px #4285F4;
}
.notebook tab.bottom:hover, .notebook tab.bottom.prelight-page {
box-shadow: inset 0 2px alpha(currentColor, 0.24);
}
.notebook tab.bottom:active, .notebook tab.bottom.active-page {
box-shadow: inset 0 2px #4285F4;
}
.notebook tab.left:hover, .notebook tab.left.prelight-page {
box-shadow: inset -2px 0 alpha(currentColor, 0.24);
}
.notebook tab.left:active, .notebook tab.left.active-page {
box-shadow: inset -2px 0 #4285F4;
}
.notebook tab.right:hover, .notebook tab.right.prelight-page {
box-shadow: inset 2px 0 alpha(currentColor, 0.24);
}
.notebook tab.right:active, .notebook tab.right.active-page {
box-shadow: inset 2px 0 #4285F4;
}
.notebook tab.reorderable-page.top {
border-color: transparent;
}
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
border-color: rgba(0, 0, 0, 0.12);
border-bottom-width: 0;
border-bottom-color: transparent;
background-color: #FAFAFA;
}
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
border-color: rgba(0, 0, 0, 0.12);
border-bottom-width: 0;
border-bottom-color: transparent;
background-color: #FFFFFF;
}
.notebook tab.reorderable-page.bottom {
border-color: transparent;
}
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
border-color: rgba(0, 0, 0, 0.12);
border-top-width: 0;
border-top-color: transparent;
background-color: #FAFAFA;
}
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
.notebook tab.reorderable-page:active, .notebook tab.reorderable-page.active-page {
border-color: rgba(0, 0, 0, 0.12);
border-top-width: 0;
border-top-color: transparent;
background-color: #FFFFFF;
}
.notebook tab.reorderable-page.left {
border-color: transparent;
}
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
border-color: rgba(0, 0, 0, 0.12);
border-right-width: 0;
border-right-color: transparent;
background-color: #FAFAFA;
}
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
border-color: rgba(0, 0, 0, 0.12);
border-right-width: 0;
border-right-color: transparent;
background-color: #FFFFFF;
}
.notebook tab.reorderable-page.right {
border-color: transparent;
}
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
border-color: rgba(0, 0, 0, 0.12);
border-left-width: 0;
border-left-color: transparent;
background-color: #FAFAFA;
}
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
border-color: rgba(0, 0, 0, 0.12);
border-left-width: 0;
border-left-color: transparent;
background-color: #FFFFFF;
background-clip: padding-box;
}
.notebook tab .label {