com web/php: Fix page-tools hiding title on small devices: styles/theme-base.css
| From: | Peter Cowburn | Date: | Fri, 15 Jul 2016 22:01:09 +0000 |
| Subject: | com web/php: Fix page-tools hiding title on small devices: styles/theme-base.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-24991@lists.php.net to get a copy of this message | ||
Commit: 064f21a71272370c5d8e7d79018e805dd5156448
Author: Wes <netmosfera@gmail.com> Sat, 16 Jul 2016 00:01:09 +0200
Committer: GitHub <noreply@github.com> Sat, 16 Jul 2016 00:01:09 +0200
Parents: 0e24a7aa0152e9b826d07a6787b60ab5e210a902
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=064f21a71272370c5d8e7d79018e805dd5156448
Log:
Fix page-tools hiding title on small devices
Changed paths:
M styles/theme-base.css
Diff:
diff --git a/styles/theme-base.css b/styles/theme-base.css
index 821e62b..3543a77 100755
--- a/styles/theme-base.css
+++ b/styles/theme-base.css
@@ -402,12 +402,32 @@ hr {
}
.page-tools {
- margin-left:1.5rem;
- float: right;
- text-align: right;
- position: relative;
- z-index: 10;
+ text-align: center;
+}
+
+@media (min-width:650px){
+ .page-tools {
+ float: right;
+ text-align: right;
+ position: relative;
+ z-index: 10;
+ }
}
+
+@media (min-width:768px){
+ .page-tools {
+ float:none;
+ text-align:center;
+ }
+}
+
+@media (min-width:886px){
+ .page-tools {
+ float:right;
+ text-align:right;
+ }
+}
+
.page-tools #changelang-langs,
.page-tools .edit-bug {
font-size:.75rem;