magnus/datagraph
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases 3 Packages Wiki Activity Actions

Show version, added closing Xs to dialogs

Browse source
This commit is contained in:
Magnus Åhall 2025-08-21 10:50:53 +02:00
parent 2173060338
commit f89668b4a0
5 changed files with 109 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

44
static/css/main.css
View file

@ -53,9 +53,10 @@ button {
}
#menu {
grid-area: menu;
grid-template-columns: repeat(100, min-content);
grid-template-columns: repeat(5, min-content) 1fr;
grid-gap: 24px;
align-items: center;
padding-right: 24px !important;
}
#menu.page {
display: grid;
@ -70,6 +71,11 @@ button {
#menu .item.selected {
font-weight: bold;
}
#menu .version {
text-align: right;
align-self: start;
color: #888;
}
#logo img {
height: 64px;
margin-right: 32px;
@ -219,6 +225,24 @@ dialog#create-type > div {
dialog::backdrop {
background-color: rgba(0, 0, 0, 0.75);
}
dialog .dialog-close {
position: absolute;
top: 8px;
right: 8px;
width: 32px !important;
height: 32px !important;
min-width: unset !important;
}
dialog .dialog-close::after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("/images/v0/node_modules/@mdi/svg/svg/close-box-outline.svg");
background-size: 32px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
select:focus {
outline: 2px solid #888;
outline-offset: -2px;
@ -526,6 +550,13 @@ dialog#connection-data div.button {
grid-gap: 8px;
padding: 32px;
}
#script-hook-dialog img.trash {
position: absolute;
right: 44px;
top: 8px;
height: 32px;
cursor: pointer;
}
#script-hook-dialog .top {
display: grid;
grid-template-columns: 1fr min-content;
@ -536,10 +567,6 @@ dialog#connection-data div.button {
font-weight: bold;
color: var(--section-color);
}
#script-hook-dialog .top img {
height: 32px;
cursor: pointer;
}
#script-hook-dialog .label {
font-weight: bold;
margin-top: 16px;
@ -612,11 +639,14 @@ dialog#connection-data div.button {
font-weight: bold;
color: var(--section-color);
}
#script-execution-value-dialog .top .copy {
#script-execution-value-dialog .copy {
height: 32px;
cursor: pointer;
position: absolute;
right: 44px;
top: 8px;
}
#script-execution-value-dialog .top .copy.clicked {
#script-execution-value-dialog .copy.clicked {
filter: invert(50%);
}
#script-execution-value-dialog .label {