summaryrefslogtreecommitdiffstats
path: root/web_src/less/_user.less
diff options
context:
space:
mode:
authorNorwin <noerw@users.noreply.github.com>2020-11-17 05:33:19 +0000
committerGitHub <noreply@github.com>2020-11-17 00:33:19 -0500
commit75ebf7c5bd48e64d58aef9892ce6b6fbf69e5f1a (patch)
tree8d56d011c31e7b544476365d3410ff94a9a735e6 /web_src/less/_user.less
parentb83825253ed803221b3f78162a638d392534cd47 (diff)
downloadgitea-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.less10
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%;
}
}