Fix drag highlighting issue

This commit is contained in:
EliverLara
2019-08-16 11:25:47 -05:00
parent 804ae54a4f
commit ec1433708e
4 changed files with 63 additions and 25 deletions

View File

@@ -69,7 +69,7 @@ $drop_target_color: #a1ce4b;
$text_shadow_color: if($variant == 'dark', $shadow_color, transparentize(white, 0.9)); $text_shadow_color: if($variant == 'dark', $shadow_color, transparentize(white, 0.9));
$icon_shadow_color: $text_shadow_color; $icon_shadow_color: $text_shadow_color;
$drop_target_color: #4e9a06; $drop_target_color: $lime;
// Infobar colors // Infobar colors
$info_color: $lime; $info_color: $lime;

View File

@@ -407,9 +407,9 @@ button {
padding-right: 8px; } padding-right: 8px; }
combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
button:drop(active) { button:drop(active) {
color: #4e9a06; color: #71f79f;
border-color: #4e9a06; border-color: #71f79f;
box-shadow: inset 0 0 0 1px #4e9a06; } box-shadow: inset 0 0 0 1px #71f79f; }
row:selected row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled) { button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
@@ -1611,11 +1611,11 @@ colorswatch.light overlay {
colorswatch:drop(active) { colorswatch:drop(active) {
box-shadow: none; } box-shadow: none; }
colorswatch:drop(active).light overlay { colorswatch:drop(active).light overlay {
border-color: #4e9a06; border-color: #71f79f;
box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #4e9a06; } box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; }
colorswatch:drop(active).dark overlay { colorswatch:drop(active).dark overlay {
border-color: #4e9a06; border-color: #71f79f;
box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #4e9a06; } box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; }
colorswatch overlay { colorswatch overlay {
box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
@@ -1844,8 +1844,8 @@ entry {
spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
entry:drop(active):focus, entry:drop(active):focus,
entry:drop(active) { entry:drop(active) {
border-color: #4e9a06; border-color: #71f79f;
box-shadow: inset 0 0 0 1px #4e9a06; } box-shadow: inset 0 0 0 1px #71f79f; }
.osd spinbutton:not(.vertical), .osd .osd spinbutton:not(.vertical), .osd
entry { entry {
color: white; color: white;
@@ -1919,7 +1919,7 @@ entry:drop(active) + button,
entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) >
entry:drop(active) + entry:drop(active) +
entry { entry {
border-left-color: #4e9a06; } border-left-color: #71f79f; }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
@@ -1950,7 +1950,7 @@ entry + entry:focus:not(:only-child) {
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > .linked.vertical >
entry + entry:drop(active):not(:only-child) { entry + entry:drop(active):not(:only-child) {
border-top-color: #4e9a06; } border-top-color: #71f79f; }
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
@@ -1974,7 +1974,7 @@ entry:drop(active):not(:only-child) + entry,
entry:drop(active):not(:only-child) + button, entry:drop(active):not(:only-child) + button,
.linked.vertical > .linked.vertical >
entry:drop(active):not(:only-child) + combobox > box > button.combo { entry:drop(active):not(:only-child) + combobox > box > button.combo {
border-top-color: #4e9a06; } border-top-color: #71f79f; }
treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) {
background-color: #181b28; background-color: #181b28;
@@ -4114,6 +4114,16 @@ placessidebar.sidebar {
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
color: inherit; } color: inherit; }
placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon {
color: #fadd00; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) {
box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image {
color: #71f79f; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected {
background: #71f79f; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image {
color: #fefefe; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

View File

@@ -407,9 +407,9 @@ button {
padding-right: 8px; } padding-right: 8px; }
combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
button:drop(active) { button:drop(active) {
color: #4e9a06; color: #71f79f;
border-color: #4e9a06; border-color: #71f79f;
box-shadow: inset 0 0 0 1px #4e9a06; } box-shadow: inset 0 0 0 1px #71f79f; }
row:selected row:selected
button { button {
@@ -1618,11 +1618,11 @@ colorswatch.light overlay {
colorswatch:drop(active) { colorswatch:drop(active) {
box-shadow: none; } box-shadow: none; }
colorswatch:drop(active).light overlay { colorswatch:drop(active).light overlay {
border-color: #4e9a06; border-color: #71f79f;
box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } box-shadow: inset 0 0 0 2px #4ff588, inset 0 0 0 1px #71f79f; }
colorswatch:drop(active).dark overlay { colorswatch:drop(active).dark overlay {
border-color: #4e9a06; border-color: #71f79f;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #71f79f; }
colorswatch overlay { colorswatch overlay {
box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7);
@@ -1851,8 +1851,8 @@ entry {
spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
entry:drop(active):focus, entry:drop(active):focus,
entry:drop(active) { entry:drop(active) {
border-color: #4e9a06; border-color: #71f79f;
box-shadow: inset 0 0 0 1px #4e9a06; } box-shadow: inset 0 0 0 1px #71f79f; }
.osd spinbutton:not(.vertical), .osd .osd spinbutton:not(.vertical), .osd
entry { entry {
color: white; color: white;
@@ -1926,7 +1926,7 @@ entry:drop(active) + button,
entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) >
entry:drop(active) + entry:drop(active) +
entry { entry {
border-left-color: #4e9a06; } border-left-color: #71f79f; }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled),
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
@@ -1957,7 +1957,7 @@ entry + entry:focus:not(:only-child) {
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
.linked.vertical > .linked.vertical >
entry + entry:drop(active):not(:only-child) { entry + entry:drop(active):not(:only-child) {
border-top-color: #4e9a06; } border-top-color: #71f79f; }
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
@@ -1981,7 +1981,7 @@ entry:drop(active):not(:only-child) + entry,
entry:drop(active):not(:only-child) + button, entry:drop(active):not(:only-child) + button,
.linked.vertical > .linked.vertical >
entry:drop(active):not(:only-child) + combobox > box > button.combo { entry:drop(active):not(:only-child) + combobox > box > button.combo {
border-top-color: #4e9a06; } border-top-color: #71f79f; }
treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) {
background-color: #ebf0f5; background-color: #ebf0f5;
@@ -4121,6 +4121,16 @@ placessidebar.sidebar {
placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
color: inherit; } color: inherit; }
placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon {
color: #fadd00; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) {
box-shadow: inset 0 1px #71f79f, inset 0 -1px #71f79f; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image {
color: #71f79f; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected {
background: #71f79f; }
placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image {
color: #fefefe; }
placessidebar list { placessidebar list {
background-color: transparent; } background-color: transparent; }

View File

@@ -179,6 +179,24 @@ placessidebar{
} }
} }
&.sidebar-new-bookmark-row {
&, label, .sidebar-icon {
color: $yellow;
}
}
&:drop(active):not(:disabled) {
&, label, image { color: $drop_target_color; }
box-shadow: inset 0 1px $drop_target_color,
inset 0 -1px $drop_target_color;
&:selected {
&, label, image { color: $selected_fg_color; }
background: $drop_target_color;
}
}
} }
} }
} }