Fixed issues

pull/198/head
Vince 5 years ago
parent 1b144b3f8e
commit a1c0b71e4b

@ -1706,6 +1706,18 @@ popover.background {
border-radius: $corner-radius;
}
&.combo {
padding: $container-padding;
> scrolledwindow > viewport.frame > list {
> row.activatable {
border-radius: $corner-radius - $container-padding;
margin: 2px;
padding: $container-padding;
}
}
}
> stack { margin: -4px; } // remove extra padding from menu style popovers
> toolbar { margin: -2px; }
@ -2776,15 +2788,15 @@ scrolledwindow {
}
// Overflow indication, works similarly to the overshoot, the size if fixed tho.
@at-root undershoot {
&.top { @include undershoot(top); }
&.bottom { @include undershoot(bottom); }
&.left { @include undershoot(left); }
&.right { @include undershoot(right); }
}
// @at-root undershoot {
// &.top { @include undershoot(top); }
//
// &.bottom { @include undershoot(bottom); }
//
// &.left { @include undershoot(left); }
//
// &.right { @include undershoot(right); }
// }
@at-root junction { // the small square between two scrollbars
border-style: solid none none solid;

@ -220,7 +220,7 @@
background-image: -gtk-gradient(radial,
$_position, 0,
$_position, 0.75,
to(rgba($primary, 0.24)),
to($fill),
to(transparent));
background-repeat: no-repeat;

@ -177,14 +177,7 @@
}
background-size: 200% 70%;
background-image:
radial-gradient(
farthest-side at $p,
rgba($primary, .24) 99%,
rgba($primary, 0) 100%
);
background-image: radial-gradient( farthest-side at $p, $fill 99%, transparent 100%);
background-repeat: no-repeat;
background-position: $_position;

@ -626,10 +626,6 @@ frame.gedit-map-frame > border {
&:only-child {
border-radius: $corner-radius;
}
&:focus {
box-shadow: inset 0 0 0 2px $overlay-focus;
}
}
%sidebar_row {

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -3064,7 +3064,7 @@ stack scrolledwindow.frame viewport.frame list {
overshoot.top {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at top, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
@ -3074,7 +3074,7 @@ overshoot.top {
overshoot.bottom {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at bottom, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
@ -3084,7 +3084,7 @@ overshoot.bottom {
overshoot.left {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at left, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
@ -3094,7 +3094,7 @@ overshoot.left {
overshoot.right {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at right, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;

@ -3064,7 +3064,7 @@ stack scrolledwindow.frame viewport.frame list {
overshoot.top {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at top, rgba(50, 129, 234, 0.24) 99%, rgba(50, 129, 234, 0) 100%);
background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
@ -3074,7 +3074,7 @@ overshoot.top {
overshoot.bottom {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at bottom, rgba(50, 129, 234, 0.24) 99%, rgba(50, 129, 234, 0) 100%);
background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
@ -3084,7 +3084,7 @@ overshoot.bottom {
overshoot.left {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at left, rgba(50, 129, 234, 0.24) 99%, rgba(50, 129, 234, 0) 100%);
background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
@ -3094,7 +3094,7 @@ overshoot.left {
overshoot.right {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at right, rgba(50, 129, 234, 0.24) 99%, rgba(50, 129, 234, 0) 100%);
background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;

@ -3064,7 +3064,7 @@ stack scrolledwindow.frame viewport.frame list {
overshoot.top {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at top, rgba(50, 129, 234, 0.24) 99%, rgba(50, 129, 234, 0) 100%);
background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
@ -3074,7 +3074,7 @@ overshoot.top {
overshoot.bottom {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at bottom, rgba(50, 129, 234, 0.24) 99%, rgba(50, 129, 234, 0) 100%);
background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
@ -3084,7 +3084,7 @@ overshoot.bottom {
overshoot.left {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at left, rgba(50, 129, 234, 0.24) 99%, rgba(50, 129, 234, 0) 100%);
background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
@ -3094,7 +3094,7 @@ overshoot.left {
overshoot.right {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at right, rgba(50, 129, 234, 0.24) 99%, rgba(50, 129, 234, 0) 100%);
background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;

@ -3064,7 +3064,7 @@ stack scrolledwindow.frame viewport.frame list {
overshoot.top {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at top, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
@ -3074,7 +3074,7 @@ overshoot.top {
overshoot.bottom {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at bottom, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
@ -3084,7 +3084,7 @@ overshoot.bottom {
overshoot.left {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at left, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
@ -3094,7 +3094,7 @@ overshoot.left {
overshoot.right {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at right, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;

@ -3064,7 +3064,7 @@ stack scrolledwindow.frame viewport.frame list {
overshoot.top {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at top, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
@ -3074,7 +3074,7 @@ overshoot.top {
overshoot.bottom {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at bottom, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
@ -3084,7 +3084,7 @@ overshoot.bottom {
overshoot.left {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at left, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
@ -3094,7 +3094,7 @@ overshoot.left {
overshoot.right {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at right, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;

@ -3064,7 +3064,7 @@ stack scrolledwindow.frame viewport.frame list {
overshoot.top {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at top, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
@ -3074,7 +3074,7 @@ overshoot.top {
overshoot.bottom {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at bottom, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
@ -3084,7 +3084,7 @@ overshoot.bottom {
overshoot.left {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at left, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
@ -3094,7 +3094,7 @@ overshoot.left {
overshoot.right {
background-size: 200% 70%;
background-image: radial-gradient(farthest-side at right, rgba(26, 115, 232, 0.24) 99%, rgba(26, 115, 232, 0) 100%);
background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.04) 99%, transparent 100%);
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;

Loading…
Cancel
Save