github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-22 22:21:55 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: CSS tweaks so bookmark + timer modal work on mobile (#12253)

Browse Source 
Previously the timer modal was too wide and the bookmark modal too narrow.
This commit is contained in:
Martin Brennan 2021-03-02 16:55:41 +10:00 committed by GitHub
parent 6f0397fba0
commit 31f3563f2d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/common/base/edit-topic-timer-modal.scss
View File

@ -7,9 +7,18 @@
border-top: 0;
padding: 10px 0;
}
.modal-inner-container {
box-sizing: border-box;
min-width: 310px;
}
.modal-body {
max-height: none;
width: 375px;
box-sizing: border-box;
@media (max-width: 600px) {
width: 100%;
}
.control-label {
font-weight: 700;

1
app/assets/stylesheets/common/components/bookmark-modal.scss
View File

@ -1,6 +1,7 @@
.bookmark-with-reminder.modal {
.modal-inner-container {
box-sizing: border-box;
min-width: 310px;
}
.modal-body {
width: 375px;

15
app/assets/stylesheets/mobile/topic.scss
View File

@ -204,21 +204,6 @@ sub sub {
}
}
.edit-topic-timer-modal {
.future-date-input {
.alert-info {
margin: 0 -10px -10px -10px;
padding: 10px;
}
}
.btn.pull-right {
margin-right: 0;
}
.modal-body {
width: 375px;
}
}
.topic-footer-main-buttons {
display: flex;
align-items: center;