rzerres/element-call
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak drawer appearance to better match native system components

Browse Source
This commit is contained in:
Robin
2023-09-18 12:17:31 -04:00
parent f3e8ee6913
commit 40ef872658
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Modal.module.css
View File

@@ -124,9 +124,10 @@ limitations under the License.
inset-block-end: 0; inset-block-end: 0;
inset-inline: max(0px, calc((100% - 520px) / 2)); inset-inline: max(0px, calc((100% - 520px) / 2));
max-block-size: 90%; max-block-size: 90%;
border-start-start-radius: 20px; border-start-start-radius: var(--border-radius);
border-start-end-radius: 20px; border-start-end-radius: var(--border-radius);
/* Drawer handle comes in the Android style by default */ /* Drawer comes in the Android style by default */
--border-radius: 28px;
--handle-block-size: 4px; --handle-block-size: 4px;
--handle-inline-size: 32px; --handle-inline-size: 32px;
--handle-inset-block-start: var(--cpd-space-4x); --handle-inset-block-start: var(--cpd-space-4x);
@@ -134,6 +135,7 @@ limitations under the License.
} }
body[data-platform="ios"] .drawer { body[data-platform="ios"] .drawer {
--border-radius: 10px;
--handle-block-size: 5px; --handle-block-size: 5px;
--handle-inline-size: 36px; --handle-inline-size: 36px;
--handle-inset-block-start: var(--cpd-space-1-5x); --handle-inset-block-start: var(--cpd-space-1-5x);