From 0ce25b08b0a169456bfbbaad2151055102a03af9 Mon Sep 17 00:00:00 2001 From: Ansuel Smith Date: Fri, 3 Sep 2021 21:03:47 +0200 Subject: [PATCH 1/3] luci-mod-dashboard: improve view of label There are some problem with label with the material theme. Improve this by removing max-height and setting the label to a static font size. Signed-off-by: Ansuel Smith --- .../luci-static/resources/view/dashboard/css/custom.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css b/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css index 62ef169fb5..8db3bbbe14 100644 --- a/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css +++ b/modules/luci-mod-dashboard/htdocs/luci-static/resources/view/dashboard/css/custom.css @@ -120,13 +120,15 @@ .Dashboard .settings-info p span:nth-child(2){ display: inline-block; word-break: break-all; - max-width: 150px; overflow: hidden; - max-height: 16px; position: relative; top:2px; } +.Dashboard .settings-info p span:nth-child(2).label { + font-size: 8px; +} + .Dashboard .router-status-info .settings-info p span:nth-child(2){ max-width: 283px; } From 78de736a95d7eab0ccbd9753efc516dfc0e4a995 Mon Sep 17 00:00:00 2001 From: Ansuel Smith Date: Fri, 3 Sep 2021 21:05:53 +0200 Subject: [PATCH 2/3] luci-theme-material: improve support for dashboard module Fix sidebar styling to improve support for dashboard module. Signed-off-by: Ansuel Smith --- .../htdocs/luci-static/material/cascade.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css index dbb2d148c5..48b9c6fb16 100644 --- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css +++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css @@ -536,7 +536,6 @@ header > .fill > .container > .status > * { } .main > .main-left > .nav > li { - padding: .5rem 1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; @@ -557,6 +556,19 @@ header > .fill > .container > .status > * { color: var(--menu-color); } +.main > .main-left > .nav > li.active > a { + color: #fff; +} + +.main > .main-left > .nav > li.active { + background-color: #09c; + background-color: var(--submenu-bg-hover-active); +} + +.main > .main-left > .nav > li.slide.active { + background-color: unset; +} + .main > .main-left > .nav > .slide { padding: 0; } @@ -570,7 +582,8 @@ header > .fill > .container > .status > * { } .main > .main-left > .nav > .slide > .menu, -.main > .main-left > .nav > li > [data-title="Logout"] { +.main > .main-left > .nav > li > [data-title="Logout"], +.main > .main-left > .nav > li > [data-title="Dashboard"] { font-size: 1.15rem; font-weight: 500; display: flex; From a9ff8d34687b0bcec4e7766576da3b4cb3feda67 Mon Sep 17 00:00:00 2001 From: Ansuel Smith Date: Sat, 4 Sep 2021 18:56:36 +0200 Subject: [PATCH 3/3] luci-theme-material: fix cut syslog Remove line-height css for syslog textarea as it cause some problem with displaying all the rows of the syslog. (Row line are calculated with a line-height of 1) Signed-off-by: Ansuel Smith --- .../luci-theme-material/htdocs/luci-static/material/cascade.css | 1 - 1 file changed, 1 deletion(-) diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css index 48b9c6fb16..18ae319d7e 100644 --- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css +++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css @@ -1905,7 +1905,6 @@ td > .ifacebadge, #syslog { font-size: small; - line-height: 1.25; overflow-y: hidden; width: 100%; min-height: 15rem;