Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Change `*-device-width` to `*-width` selectors. 

See https://stackoverflow.com/questions/18500836/should-i-use-max-device-width-or-max-width
for an explanation on why this isn't optimal.
This commit is contained in:
Cynthia Lin 2018-04-01 19:47:30 -07:00 committed by Tim Abbott
parent ca5ea20ab7
commit 323e2faac8
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/styles/lightbox.css
View File

@ -290,7 +290,7 @@
clear: both;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
@media only screen and (min-width: 320px) and (max-width: 736px) {
#lightbox_overlay .image-actions {
float: left;
margin-top: 0;

2
static/styles/media.css
View File

@ -345,7 +345,7 @@
}
}
@media only screen and (min-device-width: 300px) and (max-device-width: 700px) {
@media only screen and (min-width: 300px) and (max-width: 700px) {
#unmute_muted_topic_notification {
width: calc(90% - 30px);
left: 5%;

2
static/third/spectrum/spectrum.css
View File

@ -209,7 +209,7 @@ License: MIT
.sp-cf { *zoom: 1; }
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
@media (max-width: 480px) {
.sp-color { right: 40%; }
.sp-hue { left: 63%; }
.sp-fill { padding-top: 60%; }