Current location

narf Source control manager Git

summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorOlivier Mehani <shtrom+mediagoblin@ssji.net>2020-05-31 00:17:33 +1000
committerOlivier Mehani <shtrom+mediagoblin@ssji.net>2020-05-31 00:44:14 +1000
commit943054aba1ba27fd7bddc8d4061f92e9ece88c30 (patch)
tree14ddcb36aea53f0e71334aae069414940f43c513
parent475b2c02a5499576feec85d8962b77d6dcbc89d9 (diff)
Override skeleton's container size for better responsiveness
Signed-off-by: Olivier Mehani <shtrom+mediagoblin@ssji.net>
-rw-r--r--mediagoblin/static/css/base.css30
-rw-r--r--mediagoblin/themes/airy/assets/css/airy.css1
2 files changed, 30 insertions, 1 deletions
diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 466b0b85..65e33ceb 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -960,6 +960,9 @@ pre {
/* Media queries and other responsivisivity */
/* initial GMG max 940 */
@media screen and (max-width: 960px) {
+ .container {
+ width: 99%;
+ }
.profile_sidebar {
width: 100%;
@@ -993,6 +996,10 @@ pre {
}
/* desktop resolutions */
@media screen and (min-width: 960px) {
+ .container {
+ width: 99%;
+ }
+
#thingy_view {
width:640px;
height:640px;
@@ -1002,6 +1009,10 @@ pre {
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
+ .container {
+ width: 99%;
+ }
+
.navigation_button {
}
#thingy_view {
@@ -1012,7 +1023,12 @@ pre {
/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 767px) {
+ .container {
+ width: 99%;
+ }
+
h1,h2,h3,p {
+ text-align: center;
margin-bottom: 10px !important;
}
@@ -1042,10 +1058,20 @@ pre {
.media_comments {
border-bottom: 1px solid #333333;
}
+
+ .mediagoblin_content .button_action {
+ display: block;
+ text-align: center;
+ }
+
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
+ .container {
+ width: 99%;
+ }
+
#thingy_view {
width:420px;
height:420px;
@@ -1054,6 +1080,10 @@ pre {
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
+ .container {
+ width: 99%;
+ }
+
#thingy_view {
width:300px;
height:300px;
diff --git a/mediagoblin/themes/airy/assets/css/airy.css b/mediagoblin/themes/airy/assets/css/airy.css
index 34bf7a8d..f5bf6bb4 100644
--- a/mediagoblin/themes/airy/assets/css/airy.css
+++ b/mediagoblin/themes/airy/assets/css/airy.css
@@ -29,7 +29,6 @@ p.navigation_button {
header {
background-color: #f7f7f7;
border-bottom: 1px solid #e4e4e4;
- width: 940px;
margin-left: auto;
margin-right: auto;
}