diff options
author | Norwin <noerw@users.noreply.github.com> | 2020-11-17 05:33:19 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-11-17 00:33:19 -0500 |
commit | 75ebf7c5bd48e64d58aef9892ce6b6fbf69e5f1a (patch) | |
tree | 8d56d011c31e7b544476365d3410ff94a9a735e6 /web_src/less/_user.less | |
parent | b83825253ed803221b3f78162a638d392534cd47 (diff) | |
download | gitea-75ebf7c5bd48e64d58aef9892ce6b6fbf69e5f1a.tar.gz gitea-75ebf7c5bd48e64d58aef9892ce6b6fbf69e5f1a.zip |
fix media query edge case (#13546)
* fix media query edge case
was failing for 768px width before
* code review
* define responsive breakpoints as less variables
* add missing variables.less
* rename variables, drop screen constraints
* fix less import
* Apply suggestions from code review
Co-authored-by: silverwind <me@silverwind.io>
* code review
altough it doesnt matter, LESS lazy evals variables
Co-authored-by: zeripath <art27@cantab.net>
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Diffstat (limited to 'web_src/less/_user.less')
-rw-r--r-- | web_src/less/_user.less | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/web_src/less/_user.less b/web_src/less/_user.less index 9fa319deb6..47095dd2af 100644 --- a/web_src/less/_user.less +++ b/web_src/less/_user.less @@ -1,3 +1,5 @@ +@import "variables.less"; + .user { &:not(.icon) { padding-top: 15px; @@ -51,18 +53,18 @@ img { width: 100%; } - @media only screen and (max-width: 768px) { + @media @mediaSm { height: 250px; overflow: hidden; img { - max-height: 768px; - max-width: 768px; + max-height: 767px; + max-width: 767px; } } } - @media only screen and (max-width: 768px) { + @media @mediaSm { width: 100%; } } |