Discource-C
/
discourse-table-builder
mirror of https://github.com/discourse/discourse-table-builder.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Improve table modal max width for larger screens (#22) 

* UX: Improve modal width for large screens

* UX: Ensure smaller screen modal does not cut off content
This commit is contained in:
Keegan George 2022-08-15 13:51:11 -07:00 committed by GitHub
parent be968d9158
commit 9528208b8c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
scss/modal/insert-table-modal.scss
View File

@ -24,8 +24,13 @@
align-items: flex-start; align-items: flex-start;
.modal-inner-container { .modal-inner-container {
--modal-max-width: 90%; --modal-max-width: $reply-area-max-width;
width: 100vw; width: $reply-area-max-width;
@media screen and (max-width: 1200px) {
--modal-max-width: 90%;
width: 100vw;
}
} }
.modal-body { .modal-body {