Set max-width on review-box comment box (#10348) (#10353)

Co-authored-by: zeripath <art27@cantab.net>
This commit is contained in:
6543 2020-02-19 01:59:14 +01:00 committed by GitHub
parent df5f1d9dca
commit 3e40f8bebc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -132,3 +132,36 @@
.ui.blob-excerpt:hover { .ui.blob-excerpt:hover {
color: #428bca; color: #428bca;
} }
@media only screen and (max-width: 768px) {
#review-box > .menu {
> .ui.segment {
width: 94vw;
}
.editor-toolbar {
overflow-x: auto;
}
}
#review-box .CodeMirror-scroll {
max-width: calc(100vw - 70px);
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
#review-box .CodeMirror-scroll {
max-width: 700px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
#review-box .CodeMirror-scroll {
max-width: 800px;
}
}
@media only screen and (min-width: 1200px) {
#review-box .CodeMirror-scroll {
max-width: 900px;
}
}