aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2015-03-14 12:37:48 +0100
committerMario Vavti <mario@mariovavti.com>2015-03-14 12:37:48 +0100
commitfdcbb61bcb61a980a7a9171432498a9cac6e0965 (patch)
tree61068514cc6cd35effc2ca86b16b01e278a8da56
parentcc2c7bbcd89bf3b937b1248519d23bde1179190f (diff)
downloadvolse-hubzilla-fdcbb61bcb61a980a7a9171432498a9cac6e0965.tar.gz
volse-hubzilla-fdcbb61bcb61a980a7a9171432498a9cac6e0965.tar.bz2
volse-hubzilla-fdcbb61bcb61a980a7a9171432498a9cac6e0965.zip
assure that badges will be displayed as circles no matter what font is used and if there is only one digit inside. move css to its proper place
-rw-r--r--view/css/bootstrap-red.css14
-rw-r--r--view/theme/redbasic/css/style.css5
2 files changed, 12 insertions, 7 deletions
diff --git a/view/css/bootstrap-red.css b/view/css/bootstrap-red.css
index cb26910b0..ffc288962 100644
--- a/view/css/bootstrap-red.css
+++ b/view/css/bootstrap-red.css
@@ -4,13 +4,23 @@
nav .badge {
position: relative;
- top: -48px;
+ top: -49px;
float: left;
font-size: 10px;
- padding: 2px 6px;
+ line-height: 20px;
+ padding: 0px 5px;
+ height: 20px;
+ min-width: 20px;
+ border-radius: 10px;
cursor: pointer;
}
+@media screen and (max-width: 767px) {
+ nav .badge {
+ top: -46px;
+ }
+}
+
nav i {
font-size: 14px;
}
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index b01e03636..da75cf3f8 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -2001,11 +2001,6 @@ blockquote {
border-radius: $radiuspx;
}
-nav .badge {
- padding: 5px 6px;
- border-radius: 9px;
-}
-
nav .badge:hover {
background-color: #999;
}