mirror/rio
1
0
Fork 0
mirror of https://github.com/rio-labs/rio.git synced 2026-05-03 01:19:19 -05:00
Code Issues Packages Projects Releases Wiki Activity

tweaks to undefined space popup styling

Browse Source
This commit is contained in:
Jakob Pinterits
2024-05-18 08:17:57 +02:00
parent 80e629246d
commit 48fc244493
1 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/css/style.scss
+25 -5
View File
@@ -165,27 +165,47 @@ select {
max-width: min(37rem, calc(100vw - 10rem));
background: var(--rio-local-bg);
// background: var(--rio-local-bg);
border-radius: var(--rio-global-corner-radius-small);
overflow: hidden;
display: grid;
row-gap: 0.5rem;
column-gap: 0.5rem;
box-shadow: 0 0.4rem 1rem var(--rio-global-shadow-color);
.top-bar {
background-color: var(--rio-global-warning-bg);
height: 0.5rem;
@include barber-pole(var(--rio-global-warning-bg));
position: relative;
height: 0.6rem;
grid-column: 1 / 3;
grid-row: 1;
}
.top-bar::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--rio-global-warning-bg-variant);
z-index: -1;
}
.icon {
width: 5rem;
width: 4rem;
align-self: flex-start;
margin: 0.5rem;
margin-left: 0.5rem;
// No margin on top or bottom, because the SVG itself already has some
// empty space.
grid-column: 1;
grid-row: 2 / 5;