IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-16 10:14:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: DMenu modal add grip and min-height (#29309)

Browse Source 
* UX: add min-height to DMenu modal

* UX: add grip handle
This commit is contained in:
chapoi 2024-10-22 02:22:20 +02:00 committed by GitHub
parent 9e74095488
commit f9d86686ae
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/javascripts/float-kit/addon/components/d-menu.gjs
View File

@ -91,6 +91,7 @@ export default class DMenu extends Component {
data-identifier={{@instance.options.identifier}}
data-content
>
<div class="fk-d-menu-modal__grip" aria-hidden="true"></div>
{{#if (has-block)}}
{{yield this.componentArgs}}
{{else if (has-block "content")}}

13
app/assets/stylesheets/mobile/float-kit/d-menu.scss
View File

@ -1,6 +1,17 @@
.fk-d-menu-modal {
&__grip {
position: absolute;
top: 2.5px;
left: 50%;
transform: translateX(-50%);
background: var(--primary-medium);
height: 5px;
width: 15vw;
max-width: 100px;
border-radius: 10px;
}
.d-modal__body {
padding: 0.5em 0;
padding: 1em 0;
}
h3 {

6
app/assets/stylesheets/mobile/list-controls.scss
View File

@ -61,12 +61,6 @@
}
.fk-d-menu-modal.list-control-toggle-link-content {
.d-modal {
&__body {
padding-block: 0.75rem;
}
}
.dropdown-menu {
display: flex;
flex-direction: column;

1
app/assets/stylesheets/mobile/modal.scss
View File

@ -33,6 +33,7 @@ html:not(.keyboard-visible.mobile-view) {
width: 100%;
max-width: 100%;
min-height: 45svh;
max-height: calc(var(--composer-vh, var(--1dvh)) * 85);
}