1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

fix wide separators

This commit is contained in:
Horst3180 2016-03-21 22:28:01 +01:00
parent 3c187259e3
commit a5dc6aa589
7 changed files with 35 additions and 14 deletions

View File

@ -2441,10 +2441,9 @@ paned > separator, .sidebar paned > separator {
paned > separator:selected, .sidebar paned > separator:selected { paned > separator:selected, .sidebar paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); } background-image: linear-gradient(to top, #5294E2); }
paned > separator.wide, .sidebar paned > separator.wide { paned > separator.wide, .sidebar paned > separator.wide {
margin: 0;
padding: 0;
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
background-color: #383C4A;
background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39);
background-size: 1px 1px, 1px 1px; } background-size: 1px 1px, 1px 1px; }
@ -2459,6 +2458,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator {
padding: 0 0 0 8px; padding: 0 0 0 8px;
background-position: right; } background-position: right; }
paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y; background-repeat: repeat-y, repeat-y;
background-position: left, right; } background-position: left, right; }
@ -2468,6 +2469,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator {
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: top; } background-position: top; }
paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x; background-repeat: repeat-x, repeat-x;
background-position: bottom, top; } background-position: bottom, top; }

View File

@ -2440,10 +2440,9 @@ paned > separator, .sidebar paned > separator {
paned > separator:selected, .sidebar paned > separator:selected { paned > separator:selected, .sidebar paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); } background-image: linear-gradient(to top, #5294E2); }
paned > separator.wide, .sidebar paned > separator.wide { paned > separator.wide, .sidebar paned > separator.wide {
margin: 0;
padding: 0;
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
background-color: #F5F6F7;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; } background-size: 1px 1px, 1px 1px; }
@ -2458,6 +2457,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator {
padding: 0 0 0 8px; padding: 0 0 0 8px;
background-position: right; } background-position: right; }
paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y; background-repeat: repeat-y, repeat-y;
background-position: left, right; } background-position: left, right; }
@ -2467,6 +2468,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator {
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: top; } background-position: top; }
paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x; background-repeat: repeat-x, repeat-x;
background-position: bottom, top; } background-position: bottom, top; }

View File

@ -2441,10 +2441,9 @@ paned > separator, .sidebar paned > separator {
paned > separator:selected, .sidebar paned > separator:selected { paned > separator:selected, .sidebar paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); } background-image: linear-gradient(to top, #5294E2); }
paned > separator.wide, .sidebar paned > separator.wide { paned > separator.wide, .sidebar paned > separator.wide {
margin: 0;
padding: 0;
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
background-color: #383C4A;
background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39);
background-size: 1px 1px, 1px 1px; } background-size: 1px 1px, 1px 1px; }
@ -2459,6 +2458,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator {
padding: 0 0 0 8px; padding: 0 0 0 8px;
background-position: right; } background-position: right; }
paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y; background-repeat: repeat-y, repeat-y;
background-position: left, right; } background-position: left, right; }
@ -2468,6 +2469,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator {
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: top; } background-position: top; }
paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x; background-repeat: repeat-x, repeat-x;
background-position: bottom, top; } background-position: bottom, top; }

View File

@ -2440,10 +2440,9 @@ paned > separator, .sidebar paned > separator {
paned > separator:selected, .sidebar paned > separator:selected { paned > separator:selected, .sidebar paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); } background-image: linear-gradient(to top, #5294E2); }
paned > separator.wide, .sidebar paned > separator.wide { paned > separator.wide, .sidebar paned > separator.wide {
margin: 0;
padding: 0;
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
background-color: #F5F6F7;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; } background-size: 1px 1px, 1px 1px; }
@ -2458,6 +2457,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator {
padding: 0 0 0 8px; padding: 0 0 0 8px;
background-position: right; } background-position: right; }
paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y; background-repeat: repeat-y, repeat-y;
background-position: left, right; } background-position: left, right; }
@ -2467,6 +2468,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator {
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: top; } background-position: top; }
paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x; background-repeat: repeat-x, repeat-x;
background-position: bottom, top; } background-position: bottom, top; }

View File

@ -2444,10 +2444,9 @@ paned > separator, .sidebar paned > separator {
paned > separator:selected, .sidebar paned > separator:selected { paned > separator:selected, .sidebar paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); } background-image: linear-gradient(to top, #5294E2); }
paned > separator.wide, .sidebar paned > separator.wide { paned > separator.wide, .sidebar paned > separator.wide {
margin: 0;
padding: 0;
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
background-color: #F5F6F7;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; } background-size: 1px 1px, 1px 1px; }
@ -2462,6 +2461,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator {
padding: 0 0 0 8px; padding: 0 0 0 8px;
background-position: right; } background-position: right; }
paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y; background-repeat: repeat-y, repeat-y;
background-position: left, right; } background-position: left, right; }
@ -2471,6 +2472,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator {
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: top; } background-position: top; }
paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x; background-repeat: repeat-x, repeat-x;
background-position: bottom, top; } background-position: bottom, top; }

View File

@ -2444,10 +2444,9 @@ paned > separator, .sidebar paned > separator {
paned > separator:selected, .sidebar paned > separator:selected { paned > separator:selected, .sidebar paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); } background-image: linear-gradient(to top, #5294E2); }
paned > separator.wide, .sidebar paned > separator.wide { paned > separator.wide, .sidebar paned > separator.wide {
margin: 0;
padding: 0;
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
background-color: #F5F6F7;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; } background-size: 1px 1px, 1px 1px; }
@ -2462,6 +2461,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator {
padding: 0 0 0 8px; padding: 0 0 0 8px;
background-position: right; } background-position: right; }
paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y; background-repeat: repeat-y, repeat-y;
background-position: left, right; } background-position: left, right; }
@ -2471,6 +2472,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator {
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: top; } background-position: top; }
paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x; background-repeat: repeat-x, repeat-x;
background-position: bottom, top; } background-position: bottom, top; }

View File

@ -2602,10 +2602,9 @@ paned {
&:selected { background-image: linear-gradient(to top, $selected_bg_color); } &:selected { background-image: linear-gradient(to top, $selected_bg_color); }
&.wide { &.wide {
margin: 0;
padding: 0;
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
background-color: $bg_color;
background-image: linear-gradient(to top, $borders_color), linear-gradient(to top, $borders_color); background-image: linear-gradient(to top, $borders_color), linear-gradient(to top, $borders_color);
background-size: 1px 1px, 1px 1px; background-size: 1px 1px, 1px 1px;
} }
@ -2625,6 +2624,8 @@ paned {
} }
&.wide { &.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y; background-repeat: repeat-y, repeat-y;
background-position: left, right; background-position: left, right;
} }
@ -2637,6 +2638,8 @@ paned {
background-position: top; background-position: top;
&.wide { &.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x; background-repeat: repeat-x, repeat-x;
background-position: bottom, top; background-position: bottom, top;
} }