ktl-1727 fix: fix safari flickering (#3929)

* ktl-1727 fix: fix safari flickering * ktl-1737 fix: fix version capitalization
Kotlin · Nov 25, 2024 · a8acd12 · a8acd12
1 parent d5b3ec5
commit a8acd12
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 16 deletions.
diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/dropdown/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/dropdown/styles.scss
@@ -108,8 +108,6 @@
     cursor: pointer;
     letter-spacing: -0.03em;
 
-    text-transform: capitalize;
-
     color: var(--color-text-nav-dt);
 
     border: none;

diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/styles.scss
@@ -37,18 +37,16 @@
   padding: 0;
 
   cursor: pointer;
-  transition: var(--hover-transition);
 
   border: none;
   border-radius: var(--size-s1);
-  background-color: inherit;
+  background-color: transparent;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 24px 24px;
 
   font-size: 0;
   line-height: 0;
-  will-change: background-color;
 
   @media (hover: hover) {
     &:hover {

diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/toc-tree/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/toc-tree/styles.scss
@@ -56,11 +56,9 @@
     padding: 0 8px 0 0;
 
     cursor: pointer;
-    transition: var(--hover-transition);
 
     border: none;
     background-color: inherit;
-    will-change: background-color;
 
     &::after {
       width: 24px;

diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css
@@ -461,7 +461,6 @@
   padding: 8px 16px;
   padding: var(--size-s2) var(--size-s3);
   position: relative;
-  text-transform: capitalize;
 }
 
 .dropdown--option:hover {
@@ -1165,7 +1164,7 @@
 
 .navigation-controls--btn {
   align-items: center;
-  background-color: inherit;
+  background-color: transparent;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 24px 24px;
@@ -1180,10 +1179,7 @@
   justify-content: center;
   line-height: 0;
   padding: 0;
-  transition: background-color 0.2s ease-in-out;
-  transition: var(--hover-transition);
   width: 40px;
-  will-change: background-color;
   z-index: 0;
 }
 
@@ -1721,9 +1717,6 @@ button.platform-tag:focus-visible {
   min-width: 40px;
   padding: 0 8px 0 0;
   position: absolute;
-  transition: background-color 0.2s ease-in-out;
-  transition: var(--hover-transition);
-  will-change: background-color;
 }
 
 .toc--button:after {

diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.css