mirror/rio
1
0
Fork 0
mirror of https://github.com/rio-labs/rio.git synced 2026-05-19 19:08:41 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix dropdown corner radii

Browse Source
This commit is contained in:
Jakob Pinterits
2024-12-10 22:37:28 +01:00
parent c3e3f3df58
commit eda40a731f
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/code/popupManager.ts
+3
View File
@@ -103,6 +103,9 @@ export function positionDropdown(
content.style.height = `min-content`;
content.style.maxHeight = `${contentHeight}px`;
content.style.borderTopLeftRadius = "0";
content.style.borderTopRightRadius = "0";
content.classList.add("rio-dropdown-popup-below");
}
// Popup fits above the dropdown
frontend/css/style.scss
+5 -2
View File
@@ -1060,8 +1060,6 @@ $rio-input-box-small-label-spacing-top: 0.5rem;
background-color: var(--rio-global-background-bg);
color: var(--rio-global-text-color);
border-radius: 0 0 var(--rio-global-corner-radius-small)
var(--rio-global-corner-radius-small);
box-shadow: 0 0 0.8rem var(--rio-global-shadow-color);
}
@@ -3638,6 +3636,11 @@ html.picking-component * {
max-height: 0;
overflow: hidden;
border-top-left-radius: var(--rio-global-corner-radius-small);
border-top-right-radius: var(--rio-global-corner-radius-small);
border-bottom-right-radius: var(--rio-global-corner-radius-small);
border-bottom-left-radius: var(--rio-global-corner-radius-small);
transition: max-height 0.4s ease-in-out;
}