mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2025-01-01 16:30:15 +00:00
notebook: Remove "prelight-page" class
Instead, just use the "tab:hover" selector
This commit is contained in:
parent
182f9a7f39
commit
ed574408f2
@ -3198,18 +3198,12 @@ update_prelight_tab (GtkNotebook *notebook,
|
||||
{
|
||||
gtk_css_node_set_state (priv->prelight_tab->cssnode,
|
||||
gtk_css_node_get_state (priv->prelight_tab->cssnode) & ~GTK_STATE_FLAG_PRELIGHT);
|
||||
if (priv->prelight_tab->tab_label)
|
||||
gtk_style_context_remove_class (gtk_widget_get_style_context (priv->prelight_tab->tab_label),
|
||||
"prelight-page");
|
||||
}
|
||||
|
||||
if (page)
|
||||
{
|
||||
gtk_css_node_set_state (page->cssnode,
|
||||
gtk_css_node_get_state (page->cssnode) | GTK_STATE_FLAG_PRELIGHT);
|
||||
if (page->tab_label)
|
||||
gtk_style_context_add_class (gtk_widget_get_style_context (page->tab_label),
|
||||
"prelight-page");
|
||||
}
|
||||
|
||||
priv->prelight_tab = page;
|
||||
@ -7804,10 +7798,6 @@ gtk_notebook_set_tab_label (GtkNotebook *notebook,
|
||||
G_CALLBACK (gtk_notebook_mnemonic_activate_switch_page),
|
||||
notebook);
|
||||
|
||||
if (priv->prelight_tab == page)
|
||||
gtk_style_context_add_class (gtk_widget_get_style_context (page->tab_label),
|
||||
"prelight-page");
|
||||
|
||||
if (priv->show_tabs && gtk_widget_get_visible (child))
|
||||
{
|
||||
gtk_widget_show (page->tab_label);
|
||||
|
@ -1700,7 +1700,7 @@ column-header.button.dnd { // for treeview-like derive widgets
|
||||
}
|
||||
|
||||
//here's the interesting stuff
|
||||
&:hover, &.prelight-page {
|
||||
&:hover {
|
||||
border-color: $borders_color;
|
||||
}
|
||||
&:active, &:backdrop:active {
|
||||
@ -1716,7 +1716,7 @@ column-header.button.dnd { // for treeview-like derive widgets
|
||||
(right, left) {
|
||||
&.reorderable-page.#{$_tab} {
|
||||
border-color: transparent;
|
||||
&:hover, &.prelight-page {
|
||||
&:hover {
|
||||
border-color: transparentize($borders_color,0.7);
|
||||
border-#{$_border}-color: $borders_color;
|
||||
background-color: transparentize($bg_color,0.8);
|
||||
@ -1742,11 +1742,11 @@ column-header.button.dnd { // for treeview-like derive widgets
|
||||
padding: 0 2px; // needed for a nicer focus ring
|
||||
font-weight: bold;
|
||||
color: $insensitive_fg_color;
|
||||
&:backdrop, &.prelight-page:backdrop {
|
||||
&:backdrop {
|
||||
color: mix($backdrop_fg_color, $backdrop_insensitive_color, 50%);
|
||||
}
|
||||
}
|
||||
.prelight-page .label, .label.prelight-page {
|
||||
&:hover .label {
|
||||
// prelight tab text
|
||||
color: mix($fg_color, $insensitive_fg_color, 50%);
|
||||
&:backdrop { // FIXME, it's the same as .label:backdrop up here
|
||||
|
@ -2130,7 +2130,7 @@ column-header .titlebar .button.titlebutton,
|
||||
border-right-width: 3px; }
|
||||
.notebook tab.right {
|
||||
border-left-width: 3px; }
|
||||
.notebook tab:hover, .notebook tab.prelight-page {
|
||||
.notebook tab:hover {
|
||||
border-color: #1c1f1f; }
|
||||
.notebook tab:active, .notebook tab:backdrop:active {
|
||||
border-color: #215d9c; }
|
||||
@ -2139,7 +2139,7 @@ column-header .titlebar .button.titlebutton,
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.top {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
|
||||
.notebook tab.reorderable-page.top:hover {
|
||||
border-color: rgba(28, 31, 31, 0.3);
|
||||
border-bottom-color: #1c1f1f;
|
||||
background-color: rgba(57, 63, 63, 0.2); }
|
||||
@ -2158,7 +2158,7 @@ column-header .titlebar .button.titlebutton,
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.bottom {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
|
||||
.notebook tab.reorderable-page.bottom:hover {
|
||||
border-color: rgba(28, 31, 31, 0.3);
|
||||
border-top-color: #1c1f1f;
|
||||
background-color: rgba(57, 63, 63, 0.2); }
|
||||
@ -2177,7 +2177,7 @@ column-header .titlebar .button.titlebutton,
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.left {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
|
||||
.notebook tab.reorderable-page.left:hover {
|
||||
border-color: rgba(28, 31, 31, 0.3);
|
||||
border-right-color: #1c1f1f;
|
||||
background-color: rgba(57, 63, 63, 0.2); }
|
||||
@ -2196,7 +2196,7 @@ column-header .titlebar .button.titlebutton,
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.right {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
|
||||
.notebook tab.reorderable-page.right:hover {
|
||||
border-color: rgba(28, 31, 31, 0.3);
|
||||
border-left-color: #1c1f1f;
|
||||
background-color: rgba(57, 63, 63, 0.2); }
|
||||
@ -2217,11 +2217,11 @@ column-header .titlebar .button.titlebutton,
|
||||
padding: 0 2px;
|
||||
font-weight: bold;
|
||||
color: #939695; }
|
||||
.notebook tab .label:backdrop, .notebook tab .label.prelight-page:backdrop {
|
||||
.notebook tab .label:backdrop {
|
||||
color: #787e7e; }
|
||||
.notebook tab .prelight-page .label, .notebook tab .label.prelight-page {
|
||||
.notebook tab:hover .label {
|
||||
color: #c0c2c0; }
|
||||
.notebook tab .prelight-page .label:backdrop, .notebook tab .label.prelight-page:backdrop {
|
||||
.notebook tab:hover .label:backdrop {
|
||||
color: #787e7e; }
|
||||
.notebook tab:active .label {
|
||||
color: #eeeeec; }
|
||||
|
@ -2136,7 +2136,7 @@ column-header .titlebar .button.titlebutton,
|
||||
border-right-width: 3px; }
|
||||
.notebook tab.right {
|
||||
border-left-width: 3px; }
|
||||
.notebook tab:hover, .notebook tab.prelight-page {
|
||||
.notebook tab:hover {
|
||||
border-color: #a1a1a1; }
|
||||
.notebook tab:active, .notebook tab:backdrop:active {
|
||||
border-color: #4a90d9; }
|
||||
@ -2145,7 +2145,7 @@ column-header .titlebar .button.titlebutton,
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.top {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
|
||||
.notebook tab.reorderable-page.top:hover {
|
||||
border-color: rgba(161, 161, 161, 0.3);
|
||||
border-bottom-color: #a1a1a1;
|
||||
background-color: rgba(237, 237, 237, 0.2); }
|
||||
@ -2164,7 +2164,7 @@ column-header .titlebar .button.titlebutton,
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.bottom {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
|
||||
.notebook tab.reorderable-page.bottom:hover {
|
||||
border-color: rgba(161, 161, 161, 0.3);
|
||||
border-top-color: #a1a1a1;
|
||||
background-color: rgba(237, 237, 237, 0.2); }
|
||||
@ -2183,7 +2183,7 @@ column-header .titlebar .button.titlebutton,
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.left {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
|
||||
.notebook tab.reorderable-page.left:hover {
|
||||
border-color: rgba(161, 161, 161, 0.3);
|
||||
border-right-color: #a1a1a1;
|
||||
background-color: rgba(237, 237, 237, 0.2); }
|
||||
@ -2202,7 +2202,7 @@ column-header .titlebar .button.titlebutton,
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.right {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
|
||||
.notebook tab.reorderable-page.right:hover {
|
||||
border-color: rgba(161, 161, 161, 0.3);
|
||||
border-left-color: #a1a1a1;
|
||||
background-color: rgba(237, 237, 237, 0.2); }
|
||||
@ -2223,11 +2223,11 @@ column-header .titlebar .button.titlebutton,
|
||||
padding: 0 2px;
|
||||
font-weight: bold;
|
||||
color: #8d9091; }
|
||||
.notebook tab .label:backdrop, .notebook tab .label.prelight-page:backdrop {
|
||||
.notebook tab .label:backdrop {
|
||||
color: #aaabac; }
|
||||
.notebook tab .prelight-page .label, .notebook tab .label.prelight-page {
|
||||
.notebook tab:hover .label {
|
||||
color: #5d6263; }
|
||||
.notebook tab .prelight-page .label:backdrop, .notebook tab .label.prelight-page:backdrop {
|
||||
.notebook tab:hover .label:backdrop {
|
||||
color: #aaabac; }
|
||||
.notebook tab:active .label {
|
||||
color: #2e3436; }
|
||||
|
@ -1377,7 +1377,7 @@ GtkTreeView.view.progressbar { //Progressbar in treeview cells
|
||||
}
|
||||
|
||||
//here's the interesting stuff
|
||||
&:hover, &.prelight-page {
|
||||
&:hover {
|
||||
border-color: $borders_color;
|
||||
}
|
||||
&:active, &:backdrop:active {
|
||||
@ -1393,7 +1393,7 @@ GtkTreeView.view.progressbar { //Progressbar in treeview cells
|
||||
(right, left) {
|
||||
&.reorderable-page.#{$_tab} {
|
||||
border-color: transparent;
|
||||
&:hover, &.prelight-page {
|
||||
&:hover {
|
||||
border-color: transparentize($borders_color,0.7);
|
||||
border-#{$_border}-color: $borders_color;
|
||||
background-color: transparentize($bg_color,0.8);
|
||||
@ -1419,11 +1419,11 @@ GtkTreeView.view.progressbar { //Progressbar in treeview cells
|
||||
padding: 0 2px; // needed for a nicer focus ring
|
||||
font-weight: bold;
|
||||
color: $insensitive_fg_color; /* color: inherit doesn't work here */
|
||||
&:backdrop, &.prelight-page:backdrop {
|
||||
&:backdrop {
|
||||
color: $insensitive_fg_color;
|
||||
}
|
||||
}
|
||||
&.prelight-page GtkLabel, GtkLabel.prelight-page {
|
||||
&:hover GtkLabel {
|
||||
// prelight tab text
|
||||
color: mix($fg_color, $insensitive_fg_color, 50%);
|
||||
}
|
||||
|
@ -1521,7 +1521,7 @@ GtkTreeView.view.progressbar {
|
||||
border-right-width: 3px; }
|
||||
.notebook tab.right {
|
||||
border-left-width: 3px; }
|
||||
.notebook tab:hover, .notebook tab.prelight-page {
|
||||
.notebook tab:hover {
|
||||
border-color: #7f7f7f; }
|
||||
.notebook tab:active, .notebook tab:backdrop:active {
|
||||
border-color: #000; }
|
||||
@ -1530,7 +1530,7 @@ GtkTreeView.view.progressbar {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.top {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
|
||||
.notebook tab.reorderable-page.top:hover {
|
||||
border-color: rgba(127, 127, 127, 0.3);
|
||||
border-bottom-color: #7f7f7f;
|
||||
background-color: rgba(255, 255, 255, 0.2); }
|
||||
@ -1549,7 +1549,7 @@ GtkTreeView.view.progressbar {
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.bottom {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
|
||||
.notebook tab.reorderable-page.bottom:hover {
|
||||
border-color: rgba(127, 127, 127, 0.3);
|
||||
border-top-color: #7f7f7f;
|
||||
background-color: rgba(255, 255, 255, 0.2); }
|
||||
@ -1568,7 +1568,7 @@ GtkTreeView.view.progressbar {
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.left {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
|
||||
.notebook tab.reorderable-page.left:hover {
|
||||
border-color: rgba(127, 127, 127, 0.3);
|
||||
border-right-color: #7f7f7f;
|
||||
background-color: rgba(255, 255, 255, 0.2); }
|
||||
@ -1587,7 +1587,7 @@ GtkTreeView.view.progressbar {
|
||||
background-color: transparent; }
|
||||
.notebook tab.reorderable-page.right {
|
||||
border-color: transparent; }
|
||||
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
|
||||
.notebook tab.reorderable-page.right:hover {
|
||||
border-color: rgba(127, 127, 127, 0.3);
|
||||
border-left-color: #7f7f7f;
|
||||
background-color: rgba(255, 255, 255, 0.2); }
|
||||
@ -1609,9 +1609,9 @@ GtkTreeView.view.progressbar {
|
||||
font-weight: bold;
|
||||
color: #7f7f7f;
|
||||
/* color: inherit doesn't work here */ }
|
||||
.notebook tab GtkLabel:backdrop, .notebook tab GtkLabel.prelight-page:backdrop {
|
||||
.notebook tab GtkLabel:backdrop {
|
||||
color: #7f7f7f; }
|
||||
.notebook tab.prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page {
|
||||
.notebook tab:hover GtkLabel {
|
||||
color: #3f3f3f; }
|
||||
.notebook tab:active GtkLabel {
|
||||
color: #000; }
|
||||
|
Loading…
Reference in New Issue
Block a user