Loupe/data/resources/style.css
Christopher Davis bb9b834a22 window: Rework properties adaptivity
Ports the sidebar to AdwOverlaySplitView, and uses AdwMultiLayoutView
to use a box at narrow sizes. A bottom sheet also
overlays the content when the window is both narrow and short.
2024-07-18 17:39:17 -04:00

64 lines
1.1 KiB
CSS

/* Overlay controls for next, zoom, fullscreen */
button.osd.circular {
min-width: 42px;
min-height: 42px;
}
.fullscreen revealer:not(.raised) .fullscreen-osd {
color: rgba(255, 255, 255, 0.9);
background: rgba(0, 0, 0, 0.65);
}
shadow,
border,
outline {
background: none;
}
.drag-icon {
margin: 16px;
border-radius: 5px;
outline: 2px solid white;
box-shadow: 0 0 10px rgba(0, 0, 0, 200);
}
/* Remove default adwaita style */
.drop-widget:drop(active):focus,
.drop-widget:drop(active) {
box-shadow: none;
}
/* Drag overlay */
.lp-dragging-area-highlight {
border-radius: 8px;
background-color: alpha(@blue_2, 0.35);
margin: 24px;
}
lpprintpreview {
background-color: #858585;
padding: 30px;
}
lpprintpreviewpage {
background-color: #f0f0f0;
box-shadow: 0 0 14px 3px #666;
}
lpprintpreviewpage lpimage {
outline: 1px dotted rgba(0, 0, 0, 0.3);
}
dropdown.flat button:not(:hover) {
background: none;
}
dialog.error-details textview {
background: none;
color: inherit;
}
.mobile-properties {
box-shadow: 0 -1px var(--headerbar-darker-shade-color);
}