feat: Add and rename screens
- Add windows screen - Add windows.js - Different variants of classes for drag and edge snap behaviour - Rename js files to better distinguish usage
This commit is contained in:
parent
3c9c438b25
commit
e0cfcfac13
8 changed files with 351 additions and 2 deletions
36
source/style/modules/ui/_windows_module.scss
Normal file
36
source/style/modules/ui/_windows_module.scss
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
@use "sass:map";
|
||||
|
||||
@use "../../hippie-style/hippie";
|
||||
|
||||
#task-bar {
|
||||
@extend %flex-inline;
|
||||
z-index: map.get(hippie.$z-indexes, "content-top");
|
||||
align-items: stretch;
|
||||
position: fixed;
|
||||
//right: 0;
|
||||
//bottom: 0;
|
||||
//left: 0;
|
||||
border: 1px solid transparent;
|
||||
padding: hippie.$space_basic;
|
||||
background-color: rgba(0, 0, 0, .1);
|
||||
|
||||
button {
|
||||
@extend .button_io;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
#screen-space {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#placeholder {
|
||||
display: none;
|
||||
z-index: map.get(hippie.$z-indexes, "content-top");
|
||||
position: fixed;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 2px dashed deeppink;
|
||||
background-color: hotpink;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue