From 7aa2f634fc23f52ecfcc55a290311f12e459636c Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Wed, 24 May 2023 18:58:29 +0300 Subject: [PATCH 1/4] Add max-width = @medium for img in uk-logo section. --- less/navbar.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/less/navbar.less b/less/navbar.less index ca73b76..baf4767 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -6,6 +6,7 @@ @navbar-nav-item-font-size: @global-small-font-size; @navbar-nav-item-font-weight: 600; @navbar-nav-item-height: @global-header-height; +@navbar-nav-logo-max-width: @width-medium-width; @navbar-nav-item-color: @global-color; @navbar-nav-item-before-background: @global-secondary-background; @navbar-nav-item-hover-color: @navbar-nav-item-before-background; @@ -52,9 +53,13 @@ /* Navbar */ .hook-navbar() { + & .uk-logo { + & > img { height: @navbar-nav-item-height - 20px; + max-width: @navbar-nav-logo-max-width - 30px !important; + object-fit: contain; } } } From 468b2b008f474c88dacc52991a5231693833f1f9 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Thu, 25 May 2023 10:01:16 +0300 Subject: [PATCH 2/4] Add small modifier for uk-logo in order to apply max-width. --- less/navbar.less | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/less/navbar.less b/less/navbar.less index baf4767..486e0b0 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -6,7 +6,7 @@ @navbar-nav-item-font-size: @global-small-font-size; @navbar-nav-item-font-weight: 600; @navbar-nav-item-height: @global-header-height; -@navbar-nav-logo-max-width: @width-medium-width; +@navbar-nav-logo-max-width: @width-xsmall-width; @navbar-nav-item-color: @global-color; @navbar-nav-item-before-background: @global-secondary-background; @navbar-nav-item-hover-color: @navbar-nav-item-before-background; @@ -58,9 +58,12 @@ & > img { height: @navbar-nav-item-height - 20px; - max-width: @navbar-nav-logo-max-width - 30px !important; object-fit: contain; } + + &.small > img { + max-width: @navbar-nav-logo-max-width !important; + } } } From af77de7b79bb7cbbdca3c3c9ea51d35eea06de5f Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Fri, 23 Jun 2023 15:23:51 +0300 Subject: [PATCH 3/4] Create uk-progress-circle --- less/progress.less | 30 +++++++++++++++++++++++++++--- 1 file changed, 27 insertions(+), 3 deletions(-) diff --git a/less/progress.less b/less/progress.less index ae4bd00..341d11c 100644 --- a/less/progress.less +++ b/less/progress.less @@ -1,9 +1,12 @@ @progress-height: 16px; -@progress-background: transparent; +@progress-background: fade(@progress-bar-background, 30%); @progress-border-radius: 500px; -@progress-box-shadow: @global-inset-shadow; -@progress-bar-background: @global-secondary-background; +@progress-box-shadow: none; +@progress-bar-background: @global-primary-background; +@progress-circle-size: 100px; +@progress-circle-text-font-weight: @text-bold-weight; +@progress-circle-text-font-size: @global-large-font-size; .hook-progress() { border-radius: @progress-border-radius; @@ -13,3 +16,24 @@ .hook-progress-bar() { border-radius: @progress-border-radius; } + +.hook-progress-misc() { + .uk-progress-circle[percentage] { + display: flex; + justify-content: center; + align-items: center; + width: @progress-circle-size; + height: @progress-circle-size; + border-radius: 50%; + background: + radial-gradient(closest-side, @table-color 70%, @global-inverse-color 70% 80%, transparent 80% 100%), + conic-gradient(@progress-bar-background calc(var(--percentage) * 1%), @progress-background 0); + + &::before { + color: @progress-bar-background; + font-weight: @progress-circle-text-font-weight; + font-size: @progress-circle-text-font-size; + content: attr(percentage) '%'; + } + } +} From 1e06310b8b2b56f131754eaded615b6cf32c5848 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Fri, 23 Jun 2023 16:22:46 +0300 Subject: [PATCH 4/4] Fix input placeholder in safari and disabled color of the input. --- less/input.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/less/input.less b/less/input.less index 58f3c1a..1a21c7a 100644 --- a/less/input.less +++ b/less/input.less @@ -70,8 +70,8 @@ & > .placeholder { position: absolute; - left: 0; top: 0; + left: 0; bottom: 0; right: 0; overflow: hidden; @@ -118,6 +118,7 @@ &:disabled { background: transparent; color: var(--input-color-disabled); + -webkit-text-fill-color: var(--input-color-disabled); } }