GUI changes

This commit is contained in:
Magnus Åhall 2025-04-19 13:41:16 +02:00
parent 4ce8ed9a08
commit 05be8548fe
3 changed files with 83 additions and 80 deletions

View file

@ -20,7 +20,7 @@ html {
;
grid-template-columns: min-content 1fr;
grid-template-rows:
64px
48px
56px
48px
min-content
@ -126,9 +126,51 @@ html {
#crumbs {
grid-area: crumbs;
display: grid;
align-items: center;
align-items: start;
justify-items: center;
margin: 16px;
margin: 0px 16px;
.crumbs {
background: #e4e4e4;
display: flex;
flex-wrap: wrap;
padding: 8px 16px;
background: #e4e4e4;
color: #333;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
&.node-modified {
background-color: @color1;
color: @color2;
.crumb:after {
color: @color2;
}
}
.crumb {
margin-right: 8px;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.crumb:after {
content: "•";
margin-left: 8px;
color: @color1
}
.crumb:last-child {
margin-right: 0;
}
.crumb:last-child:after {
content: '';
margin-left: 0px;
}
}
}
#sync-progress {
@ -190,46 +232,6 @@ html {
}
.crumbs {
background: #e4e4e4;
display: flex;
flex-wrap: wrap;
padding: 8px 16px;
background: #e4e4e4;
color: #333;
border-radius: 5px;
&.node-modified {
background-color: @color1;
color: @color2;
.crumb:after {
color: @color2;
}
}
.crumb {
margin-right: 8px;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.crumb:after {
content: "•";
margin-left: 8px;
color: @color1
}
.crumb:last-child {
margin-right: 0;
}
.crumb:last-child:after {
content: '';
margin-left: 0px;
}
}
#name {
color: #333;
font-weight: bold;