Skip to content

Commit 34b4228

Browse files
committed
Rearrange CSS used for #StaticDHCPTable and #dhcp-hosts
- move and group some CSS selectors in the file, to make editing easier - use semi-transparent background color for .table-danger - reduce specificity for StaticDHCPTable cells and .line-numbers - remove unused and duplicated selectors Signed-off-by: RD WebDesign <[email protected]>
1 parent c35166c commit 34b4228

1 file changed

Lines changed: 29 additions & 46 deletions

File tree

style/pi-hole.css

Lines changed: 29 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1576,41 +1576,6 @@ table.dataTable tbody > tr > .selected {
15761576
margin: 0 4px;
15771577
}
15781578

1579-
textarea.field-sizing-content {
1580-
min-block-size: 3.5rlh;
1581-
max-block-size: 20rlh;
1582-
min-inline-size: 20ch;
1583-
field-sizing: content;
1584-
}
1585-
1586-
textarea.no-wrap {
1587-
white-space: pre;
1588-
overflow-x: auto;
1589-
overflow-y: auto;
1590-
resize: none;
1591-
}
1592-
1593-
div.line-numbers {
1594-
-webkit-user-select: none;
1595-
-moz-user-select: none;
1596-
user-select: none;
1597-
text-align: right;
1598-
color: #aaa;
1599-
border-right: 1px solid #ddd;
1600-
padding: 8px 4px 8px 0;
1601-
font-family: monospace;
1602-
font-size: 13px;
1603-
min-width: 2em;
1604-
overflow-x: hidden;
1605-
overflow-y: hidden;
1606-
}
1607-
1608-
div.dhcp-hosts-wrapper {
1609-
position: relative;
1610-
display: flex;
1611-
gap: 0.5em;
1612-
}
1613-
16141579
/* Used in interfaces page */
16151580
.list-group-item {
16161581
background: transparent;
@@ -1641,14 +1606,23 @@ div.dhcp-hosts-wrapper {
16411606
text-align: right;
16421607
}
16431608

1644-
#StaticDHCPTable td.table-danger {
1645-
background-color: #700000;
1609+
#StaticDHCPTable .table-danger {
1610+
background-color: #d337;
16461611
color: #fff;
16471612
}
16481613

1649-
#StaticDHCPTable td.table-success {
1650-
background-color: #599900;
1651-
color: #fff;
1614+
textarea.field-sizing-content {
1615+
min-block-size: 3.5rlh;
1616+
max-block-size: 20rlh;
1617+
min-inline-size: 20ch;
1618+
field-sizing: content;
1619+
}
1620+
1621+
textarea.no-wrap {
1622+
white-space: pre;
1623+
overflow-x: auto;
1624+
overflow-y: auto;
1625+
resize: none;
16521626
}
16531627

16541628
/*
@@ -1663,20 +1637,29 @@ border-top=1px + padding-top=6px + padding-bottom=6px + border-bottom=1px
16631637
--num-lines: 1;
16641638
--max-lines: 12;
16651639
--total-height: calc((min(var(--num-lines), var(--max-lines)) * 1.42857 * 14px) + 14px);
1640+
position: relative;
1641+
display: flex;
1642+
gap: 0;
16661643
}
16671644

16681645
#dhcp-hosts {
16691646
height: var(--total-height);
16701647
}
16711648

1672-
#dhcp-hosts-lines {
1673-
height: var(--total-height);
1649+
.line-numbers {
1650+
-webkit-user-select: none;
1651+
-moz-user-select: none;
1652+
user-select: none;
1653+
text-align: right;
1654+
color: #aaa;
16741655
border: 1px solid transparent;
16751656
border-right-color: #ddd;
1676-
}
1677-
1678-
.save-static-row.disabled {
1679-
opacity: 0.15;
1657+
padding: 8px 4px 8px 0;
1658+
font-size: 14px;
1659+
min-width: 2em;
1660+
overflow: hidden;
1661+
height: var(--total-height);
1662+
flex: 0 0 auto;
16801663
}
16811664

16821665
/* Used in query log page */

0 commit comments

Comments
 (0)