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

77
static/less/main.less
View file

@ -69,9 +69,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;
&.page {
display: grid;
@ -88,6 +89,12 @@ button {
font-weight: bold;
}
}
.version {
text-align: right;
align-self: start;
color: #888;
}
}
#logo {
@ -280,18 +287,41 @@ datalist {
}
}
dialog#create-type {
min-width: 400px;
dialog {
&#create-type {
min-width: 400px;
& > div {
display: grid;
grid-gap: 8px;
& > div {
display: grid;
grid-gap: 8px;
}
}
&::backdrop {
background-color: rgba(0, 0, 0, 0.75);
}
.dialog-close {
position: absolute;
top: 8px;
right: 8px;
width: 32px !important;
height: 32px !important;
min-width: unset !important;
&::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;
}
}
}
dialog::backdrop {
background-color: rgba(0, 0, 0, 0.75);
}
select:focus {
outline: 2px solid #888;
@ -674,6 +704,14 @@ dialog#connection-data {
grid-gap: 8px;
padding: 32px;
img.trash {
position: absolute;
right: 44px;
top: 8px;
height: 32px;
cursor: pointer;
}
.top {
display: grid;
grid-template-columns: 1fr min-content;
@ -684,11 +722,6 @@ dialog#connection-data {
font-weight: bold;
color: var(--section-color);
}
img {
height: 32px;
cursor: pointer;
}
}
.label {
@ -777,13 +810,17 @@ dialog#connection-data {
color: var(--section-color);
}
.copy {
height: 32px;
cursor: pointer;
}
&.clicked {
filter: invert(50%);
}
.copy {
height: 32px;
cursor: pointer;
position: absolute;
right: 44px;
top: 8px;
&.clicked {
filter: invert(50%);
}
}