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

Added settings, proper record renaming

Browse source
This commit is contained in:
Magnus Åhall 2026-02-25 14:19:06 +01:00
parent 2ae93b6fd4
commit 7d7c0c9570
10 changed files with 444 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

90
static/css/index.css
View file

@ -28,10 +28,64 @@ html {
cursor: pointer;
}
label {
user-select: none;
}
body {
font-family: sans-serif;
font-size: 12pt;
margin-left: 32px;
/* Boxed folders are a settings for the user. */
&.boxed-folders {
#records-tree {
.folder {
&>.label {
background-color: var(--label-background);
width: min-content;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid var(--label-border);
margin-top: 8px;
}
&>.subfolders {
margin-left: 18px;
/* Default 10px */
padding-bottom: 8px;
min-height: 8px;
&:empty {
border-left: unset;
}
}
&>.records {
margin-left: 18px;
/* Default 10px */
&>img {
padding-left: 12px;
}
}
}
}
}
}
input,
select,
button {
font-size: 1em;
padding: 4px 8px;
}
#settings-icon {
position: absolute;
top: 16px;
right: 16px;
width: 32px;
}
#records-tree {
@ -72,16 +126,6 @@ body {
cursor: pointer;
user-select: none;
/*
background-color: var(--label-background);
width: min-content;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid var(--label-border);
margin-top: 8px;
margin-bottom: 8px;
*/
img {
height: 20px;
margin-right: 6px;
@ -120,6 +164,17 @@ body {
.fqdn {
cursor: pointer;
user-select: none;
display: flex;
.subdomains {
display: none;
}
&.match-subdomains {
.subdomains {
display: inline;
}
}
.first-label {
color: var(--label-first);
@ -160,7 +215,6 @@ body {
}
}
#record-dialog {
display: grid;
grid-template-columns: min-content 1fr;
@ -174,7 +228,15 @@ body {
}
input, select, button {
font-size: 1em;
padding: 4px 8px;
#settings-dialog {
display: grid;
grid-template-columns: min-content 1fr;
grid-gap: 6px 8px;
align-items: center;
.buttons {
grid-column: 1 / -1;
text-align: center;
margin-top: 8px;
}
}