interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: Style and content for windows

Browse source
This commit is contained in:
sthag 2025-10-27 23:24:49 +01:00
parent 1ada62f6ec
commit 6098a1e62d
2 changed files with 86 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

61
source/style/modules/ui/_windows_module.scss
View file

@ -2,10 +2,21 @@
@use "../../hippie-style/hippie";
#task-bar {
@extend %flex-inline;
z-index: map.get(hippie.$z-indexes, "content-top");
$padding_half: calc(#{hippie.$space_half} - 3px) hippie.$space_half;
%flex-bar {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
align-content: center;
justify-content: flex-start;
gap: hippie.$space_half hippie.$space_basic;
}
#task-bar {
@extend %flex-bar;
z-index: map.get(hippie.$z-indexes, "content-top");
position: fixed;
//right: 0;
//bottom: 0;
@ -14,10 +25,54 @@
padding: hippie.$space_basic;
background-color: rgba(0, 0, 0, .1);
nav,
& > div {
@extend %flex-bar;
&:last-child {
margin-left: auto;
}
}
button {
@extend .button_io;
overflow: hidden;
}
nav.small {
//font-size: .8em;
button {
border: none;
padding: $padding_half;
&:hover {
background-color: transparent;
}
}
}
nav.big {
font-size: 1.5em;
button {
border: none;
padding: 0;
&:hover {
background-color: transparent;
}
}
}
.clock {
text-align: end;
&,
& > * {
line-height: 1;
}
}
}
#screen-space {