Fix: Tab Bar - New button compatibility for Multirow #315

This commit is contained in:
alstjr7375 2022-10-07 09:10:15 +09:00
parent cfa94d4955
commit d111490548
4 changed files with 7 additions and 7 deletions

View file

@ -6165,7 +6165,7 @@
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
overflow-y: scroll;
overflow-y: auto;
max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin, 0px)) * var(--uc-multirow-tabbar-rows));
scroll-snap-type: y mandatory;
}
@ -6588,7 +6588,7 @@
display: block;
position: absolute;
/* Position */
top: 50%;
bottom: 0%;
/* Bar shape */
width: 1px;
height: 20px;
@ -6615,7 +6615,7 @@
display: block;
position: absolute;
/* Position */
top: 50%;
bottom: 0%;
/* Bar shape */
width: 1px;
height: 20px;
@ -6801,7 +6801,7 @@
*/
--tabs-navbar-shadow-size: -1px;
/* Original: 1px */
--tabs-navbar-original-shadow-size: 1px;
--tabs-navbar-original-shadow-size: 0.5px;
--tab-corner-rounding: 4px;
/* Hardcorded */
/* Size */

View file

@ -4,7 +4,7 @@
=> Can't ovrride style. Therefore, we should approach it by bypass.
*/
--tabs-navbar-shadow-size: -1px; /* Original: 1px */
--tabs-navbar-original-shadow-size: 1px;
--tabs-navbar-original-shadow-size: 0.5px;
--tab-corner-rounding: 4px; /* Hardcorded */
/* Size */

View file

@ -6,7 +6,7 @@
position: absolute;
/* Position */
top: 50%;
bottom: 0%;
/* Bar shape */
width: 1px;

View file

@ -27,7 +27,7 @@ See the above repository for updates as well as full license text. */
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
overflow-y: scroll;
overflow-y: auto;
max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin, 0px)) * var(--uc-multirow-tabbar-rows));
// scrollbar-color: currentColor transparent;
// scrollbar-width: thin;