@pod-os/elements 0.29.1-rc.0a76834.0 → 0.29.1-rc.d6d1332.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11400,7 +11400,7 @@ PosSettingOfflineCache.style = PosSettingOfflineCacheStyle0;
11400
11400
 
11401
11401
  SlIcon.define("sl-icon");
11402
11402
 
11403
- const posToolSelectCss = ":host {\n --button-size: var(--size-14);\n display: block;\n position: sticky;\n align-self: flex-start;\n top: 0;\n overflow: auto;\n min-width: var(--button-size);\n}\n\naside {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n button {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0;\n font-size: var(--size-6);\n .text {\n font-size: var(--size-3);\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n overflow: hidden;\n }\n outline: none;\n border: none;\n width: var(--button-size);\n min-width: var(--button-size);\n height: var(--button-size);\n min-height: var(--button-size);\n background-color: var(--pos-background-color);\n }\n}\n\n@media (max-width: 640px) {\n :host {\n /*TODO this overlaps content, while sticky is not at the bottom with small content*/\n position: absolute;\n top: unset;\n bottom: 0;\n width: 100dvw;\n }\n aside {\n flex-direction: row;\n background-color: var(--pos-background-color);\n }\n}\n";
11403
+ const posToolSelectCss = ":host {\n --button-size: var(--size-14);\n display: block;\n /* TODO sticky does not work yet */\n position: sticky;\n top: 0;\n overflow: auto;\n min-width: var(--button-size);\n}\n\naside {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n button {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0;\n font-size: var(--size-6);\n .text {\n font-size: var(--size-3);\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n overflow: hidden;\n }\n outline: none;\n border: none;\n width: var(--button-size);\n min-width: var(--button-size);\n height: var(--button-size);\n min-height: var(--button-size);\n background-color: var(--pos-background-color);\n }\n}\n\n@media (max-width: 640px) {\n :host {\n position: absolute;\n top: unset;\n bottom: 0;\n width: 100dvw;\n }\n aside {\n flex-direction: row;\n background-color: var(--pos-background-color);\n }\n}\n";
11404
11404
  const PosToolSelectStyle0 = posToolSelectCss;
11405
11405
 
11406
11406
  const PosToolSelect = class {