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

UX: Allow history modal to scale down on smaller screens

This commit is contained in:
Kris 2018-02-06 15:02:51 -05:00
parent 884b9d4b78
commit 900f37e5a9
4 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/common/base/history.scss
View File

@ -13,6 +13,7 @@
#revision-controls { #revision-controls {
display: inline-block; display: inline-block;
margin-bottom: 5px;
} }
.revision-content { .revision-content {

3
app/assets/stylesheets/common/base/modal.scss
View File

@ -75,12 +75,13 @@
.modal-outer-container { .modal-outer-container {
display:table; display:table;
table-layout: fixed;
width:100%; width:100%;
height:100%; height:100%;
} }
.modal-inner-container { .modal-inner-container {
max-width: 710px; max-width: 960px;
margin: 0 auto; margin: 0 auto;
background-color: $secondary; background-color: $secondary;
background-clip: padding-box; background-clip: padding-box;

1
app/assets/stylesheets/desktop/history.scss
View File

@ -3,7 +3,6 @@
.modal.history-modal { .modal.history-modal {
.modal-inner-container { .modal-inner-container {
min-width: 960px;
min-height: 500px; min-height: 500px;
} }
#revision-controls { #revision-controls {

7
app/assets/stylesheets/mobile/history.scss
View File

@ -17,4 +17,11 @@
max-width: 95%; max-width: 95%;
height: auto; height: auto;
} }
.revision-content {
table {
table-layout: fixed;
width: 100%;
word-wrap: break-word;
}
}
} }