80 lines
1.4 KiB
SCSS
80 lines
1.4 KiB
SCSS
/************
|
|
* Popovers *
|
|
************/
|
|
.popover {
|
|
|
|
.background {
|
|
padding: 2px;
|
|
border-radius: 4px;
|
|
border:none;
|
|
background-color: $popover_bg_color;
|
|
|
|
&:backdrop {
|
|
background-color: $backdrop_bg_color;
|
|
box-shadow: none;
|
|
}
|
|
|
|
> .view,
|
|
> .toolbar {
|
|
border-style: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.csd &, & {
|
|
|
|
box-shadow: 0 0 0 1px transparentize(black, 0.9), 0 2px 3px 0 transparentize(black, 0.7);
|
|
|
|
&.touch-selection,
|
|
&.magnifier {
|
|
@extend %osd;
|
|
|
|
border: 1px solid transparentize(white, 0.9);
|
|
|
|
button { @extend %osd_button };
|
|
}
|
|
|
|
&.osd { @extend %osd; }
|
|
}
|
|
}
|
|
|
|
.separator { margin: 3px; }
|
|
|
|
.check,
|
|
.radio { @extend modelbutton.flat; }
|
|
|
|
.menuitem {
|
|
padding: 8px;
|
|
text-shadow: none;
|
|
|
|
&:hover {
|
|
color: $selected_fg_color;
|
|
background-color: $selected_bg_color;
|
|
}
|
|
|
|
&:insensitive {
|
|
color: $insensitive_fg_color;
|
|
&:backdrop { color: $backdrop_insensitive_color; }
|
|
}
|
|
|
|
&:backdrop,
|
|
&:backdrop:hover {
|
|
color: $backdrop_fg_color;
|
|
background-color: transparent;
|
|
}
|
|
|
|
// submenu indicators
|
|
.arrow {
|
|
|
|
&:dir(ltr) {
|
|
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
|
|
margin-left: 10px;
|
|
}
|
|
|
|
&:dir(rtl) {
|
|
-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl');
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|