tabshift/pocketbase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated color vars and hide Safari negative margin horizontal scroll

Browse Source
This commit is contained in:
Gani Georgiev
2026-04-20 16:51:20 +03:00
parent 4ace75b3d5
commit 14e7286840
6 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/dist/assets/index-BGgyOSeY.js → ui/dist/assets/index-BA-xsnVM.js vendored
View File

File diff suppressed because one or more lines are too long

2
ui/dist/assets/index-Bwi3WpaF.css → ui/dist/assets/index-Cdd8TSHO.css vendored
View File

File diff suppressed because one or more lines are too long

4
ui/dist/index.html vendored
View File

@@ -13,9 +13,9 @@
<!-- prism --> <!-- prism -->
<script src="./libs/prism/prism.js" data-manual></script> <script src="./libs/prism/prism.js" data-manual></script>
<script type="module" crossorigin src="./assets/index-BGgyOSeY.js"></script> <script type="module" crossorigin src="./assets/index-BA-xsnVM.js"></script>
<link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js"> <link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
<link rel="stylesheet" crossorigin href="./assets/index-Bwi3WpaF.css"> <link rel="stylesheet" crossorigin href="./assets/index-Cdd8TSHO.css">
</head> </head>
<body> <body>
</body> </body>

2
ui/src/base/dropdownKeyboardNav.js
View File

@@ -3,7 +3,7 @@ const optionClass = "dropdown-item";
document.addEventListener( document.addEventListener(
"toggle", "toggle",
(e) => { (e) => {
if (e.newState != "open" || !e.target?.matches(".dropdown") || e.target.__keyboardNavRegistered) { if (e.newState != "open" || !e.target || !e.target.matches(".dropdown") || e.target.__keyboardNavRegistered) {
return; return;
} }

5
ui/src/css/layout.css
View File

@@ -613,4 +613,9 @@
flex-direction: column; flex-direction: column;
align-items: normal; align-items: normal;
gap: 0; gap: 0;
/* Safari negative margin workaround to hide the extra horizontal scroll */
@supports not (fill: context-stroke) {
overflow-x: hidden;
}
} }

6
ui/src/css/vars.css
View File

@@ -174,7 +174,7 @@
--successAlt2Color: color-mix(in srgb, var(--successColor), black 15%); --successAlt2Color: color-mix(in srgb, var(--successColor), black 15%);
--surfaceSuccessColor: color-mix(in srgb, var(--successColor), var(--surfaceColor) 45%); --surfaceSuccessColor: color-mix(in srgb, var(--successColor), var(--surfaceColor) 45%);
--warningColor: #c3430c; --warningColor: #cf4e17;
--warningTxtColor: var(--surfaceTxtColor); --warningTxtColor: var(--surfaceTxtColor);
--warningAlt1Color: color-mix(in srgb, var(--warningColor), black 10%); --warningAlt1Color: color-mix(in srgb, var(--warningColor), black 10%);
--warningAlt2Color: color-mix(in srgb, var(--warningColor), black 15%); --warningAlt2Color: color-mix(in srgb, var(--warningColor), black 15%);
@@ -186,13 +186,13 @@
--dangerAlt2Color: color-mix(in srgb, var(--dangerColor), black 15%); --dangerAlt2Color: color-mix(in srgb, var(--dangerColor), black 15%);
--surfaceDangerColor: color-mix(in srgb, var(--dangerColor), var(--surfaceColor) 45%); --surfaceDangerColor: color-mix(in srgb, var(--dangerColor), var(--surfaceColor) 45%);
--selectionColor: rgba(255, 255, 255, 0.22); --selectionColor: rgba(255,255,255, 0.22);
--inputColor: var(--surfaceAlt2Color); --inputColor: var(--surfaceAlt2Color);
--inputFocusColor: var(--surfaceAlt3Color); --inputFocusColor: var(--surfaceAlt3Color);
--inputBorderColor: var(--surfaceAlt4Color); --inputBorderColor: var(--surfaceAlt4Color);
scrollbar-color: var(--surfaceAlt5Color) transparent; scrollbar-color: var(--surfaceAlt5Color) transparent;
--modalOverlayColor: rgb(0,0,0,0.5); --modalOverlayColor: rgb(0,0,0, 0.45);
--boxShadow: 0px 8px 5px -5px rgba(0,0,0, 0.3); --boxShadow: 0px 8px 5px -5px rgba(0,0,0, 0.3);
--leftBoxShadow: -1px 0px 5px 0 rgba(0,0,0, 0.3); --leftBoxShadow: -1px 0px 5px 0 rgba(0,0,0, 0.3);