openwrt/luci
1
0
Fork 0
mirror of https://github.com/openwrt/luci.git synced 2026-04-15 10:51:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

treewide: vectorise iconography

Browse Source 
Clear, crisp, resolution independent vector graphics replace the trusty
microscopic PNG. Some minor CSS changes were needed to constrain images
in some locations to make sure they don't consume too much space.

Iconography taken from Mate desktop theme with minor adjustments:

https://github.com/mate-desktop/mate-icon-theme/

Signed-off-by: Paul Donald <newtwen+github@gmail.com>
This commit is contained in:
Paul Donald
2025-04-25 23:39:26 +02:00
parent 7e4d41e9ab
commit ae5d91da90
76 changed files with 139 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View File

@@ -1608,6 +1608,12 @@ body.modal-overlay-active #modal_overlay {
color: var(--text-color-high);
}
.cbi-dropdown img {
/* the following are necessary to constrain (vector) images of any size */
max-height: 1.6em; /* Adjusts image height to fit slightly larger than text line height */
width: auto; /* Preserves aspect ratio */
}
.cbi-dropdown > ul {
margin: 0 !important;
padding: 0;
@@ -2207,8 +2213,8 @@ th[data-sort-direction="desc"]::after { content: "\a0\25bc"; }
}
.ifacebadge img {
width: 16px;
height: 16px;
width: 32px;
height: 32px;
vertical-align: middle;
}

14
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
View File

@@ -1466,6 +1466,12 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
margin-top: -3px;
}
.cbi-dropdown img {
/* the following are necessary to constrain (vector) images of any size */
max-height: 1.6em; /* Adjusts image height to fit slightly larger than text line height */
width: auto; /* Preserves aspect ratio */
}
.cbi-dropdown > ul {
display: flex;
overflow-x: hidden;
@@ -1822,7 +1828,7 @@ body.modal-overlay-active #modal_overlay {
left: .2em;
width: 32px;
content: "";
background: url(../resources/icons/loading.gif) no-repeat center;
background: url(../resources/icons/loading.svg) no-repeat center;
background-size: 16px;
}
@@ -1886,6 +1892,12 @@ body.modal-overlay-active #modal_overlay {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
.ifacebadge img {
width: 32px;
height: 32px;
vertical-align: middle;
}
td > .ifacebadge,
.td > .ifacebadge {
font-size: .8rem;

9
themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
View File

@@ -716,7 +716,8 @@ p > a {
.ifacebadge > img {
vertical-align: text-bottom;
margin: .25em;
height: 16px;
height: 32px;
width: 32px;
}
.ifacebadge > * {
@@ -1267,6 +1268,12 @@ textarea {
box-shadow: inset 0 0 1px var(--main-dark-color);
}
.cbi-dropdown img {
/* the following are necessary to constrain (vector) images of any size */
max-height: 1.6em; /* Adjusts image height to fit slightly larger than text line height */
width: auto; /* Preserves aspect ratio */
}
.cbi-dropdown > ul {
margin: 0 !important;
padding: 0;

15
themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css
View File

@@ -1175,6 +1175,12 @@ ul.cbi-tabmenu li.cbi-tab-disabled[data-errors]::after {
outline: 2px solid #4b6e9b;
}
.cbi-dropdown img {
/* the following are necessary to constrain (vector) images of any size */
max-height: 1.6em; /* Adjusts image height to fit slightly larger than text line height */
width: auto; /* Preserves aspect ratio */
}
.cbi-dropdown > ul {
margin: 0 !important;
padding: 0;
@@ -1551,6 +1557,12 @@ select + .cbi-button {
background: #fff;
}
.ifacebadge img {
width: 32px;
height: 32px;
vertical-align: middle;
}
.ifacebox-head {
background: #eee;
}
@@ -1571,7 +1583,6 @@ select + .cbi-button {
.ifacebadge > em {
margin-right: 5px;
display: inline-block;
height: 16px;
}
.ifacebadge-active {
@@ -1782,7 +1793,7 @@ select + .cbi-button {
bottom: 0;
width: 32px;
content: " ";
background: url(../resources/icons/loading.gif) no-repeat center;
background: url(../resources/icons/loading.svg) no-repeat center;
background-size: 16px;
}