gtk: Remove opacity from osd styles
In Material Design, elements with shadows basically don't have opacity.
In Material Design, elements with shadows basically don't have opacity.
by roundabout, Sunday, 13 May 2018, 14:20:42 (1526221242), pushed by roundabout, Sunday, 11 May 2025, 13:22:23 (1746969743)
Author identity: nana-4 <hnmaigo@gmail.com>
8951d4b0c2b8a4222c1f651731926ba420d2ceb0
// floating status bar
.floating-bar {
@extend %osd;
// @extend .toolbar.osd;
padding: 3px 0 4px;
border-width: 1px;
border-style: solid solid none;
&:selected { @extend %selected_items; }
}
%osd, .osd { opacity: 0.9; }
// %osd, .osd { opacity: 0.9; }
/*********************
* Spinner Animation *
}
}
&.osd { @extend %osd; }
// &.osd { @extend %osd; }
}
/*****************
.app-notification,
.app-notification.frame {
@extend %osd;
// @extend %osd;
@extend .toolbar.osd;
.button { @extend %button.flat; }
}
background-color: $tooltip_bg_color;
}
// @extend %osd;
color: $tooltip_fg_color;
padding: 4px; /* not working */
border-radius: 2px;
.scale-popup {
.osd & { @extend %osd; }
// .osd & { @extend %osd; }
.osd & .button.flat { //FIXME: quick hack, redo properly
}
}
}
%osd, .osd { opacity: 0.9; }
// %osd, .osd { opacity: 0.9; }
/*********************
background-color: transparent;
}
&.touch-selection,
&.magnifier,
&.osd { @extend %osd; }
// &.touch-selection,
// &.magnifier,
// &.osd { @extend %osd; }
// entry { @extend %entry.flat; }
* App Notifications *
*********************/
.app-notification {
@extend %osd;
// @extend %osd;
@extend toolbar.osd;
color: $tooltip_fg_color;
}
// @extend %osd;
// padding: 4px; /* not working */
border-radius: 2px;
box-shadow: none; // otherwise it gets inherited by windowframe.csd
}
.scale-popup {
.osd & { @extend %osd; }
// .osd & { @extend %osd; }
.osd & button.flat { // FIXME: quick hack, redo properly
}
// Floating status bar
.nautilus-window .floating-bar {
@extend %osd;
// @extend .toolbar.osd;
min-height: 32px;
padding: 0;
border-style: solid solid none;
// Floating status bar
.nautilus-window .floating-bar {
@extend %osd;
// @extend .toolbar.osd;
min-height: 32px;
padding: 0;
border-style: solid solid none;