ktl-1727 fix: fix safari flickering

Kotlin · Nov 21, 2024 · a70b185 · a70b185
1 parent 6bd7182
commit a70b185
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 13 deletions.
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
@@ -1165,7 +1165,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 +1180,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 +1718,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 {