aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/redbasic
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2015-06-10 13:08:17 +0200
committerMario Vavti <mario@mariovavti.com>2015-06-10 13:08:17 +0200
commit50ac9378e3b1b55e8f12513f5b72152078477ab2 (patch)
tree10b13ef6ce6d43790a9711fab58e0b4301790463 /view/theme/redbasic
parent20a317b5b71547913d2eeff941dfc5276276213e (diff)
downloadvolse-hubzilla-50ac9378e3b1b55e8f12513f5b72152078477ab2.tar.gz
volse-hubzilla-50ac9378e3b1b55e8f12513f5b72152078477ab2.tar.bz2
volse-hubzilla-50ac9378e3b1b55e8f12513f5b72152078477ab2.zip
assign right aside the same width as we have in left aside but hide it on small and xs screens. make aside width a variablee for easier handling.
Diffstat (limited to 'view/theme/redbasic')
-rw-r--r--view/theme/redbasic/css/style.css12
-rw-r--r--view/theme/redbasic/php/style.php9
2 files changed, 15 insertions, 6 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index a671a6671..1c575a63e 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -24,8 +24,14 @@ body {
height: 100%;
}
+aside {
+ width: $aside_widthpx;
+ min-width: $aside_widthpx;
+ max-width: $aside_widthpx;
+}
+
main {
- max-width: $main_width;
+ max-width: $main_widthpx;
}
h1, .h1, h2, .h2 {
@@ -2097,8 +2103,8 @@ nav .badge.mail-update:hover {
}
main {
- left: -231px;
- width: calc( 100% + 231px );
+ left: -$aside_widthpx;
+ width: calc( 100% + $aside_widthpx );
}
main.region_1-on {
diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php
index c6231e690..5a28fc4e3 100644
--- a/view/theme/redbasic/php/style.php
+++ b/view/theme/redbasic/php/style.php
@@ -153,11 +153,13 @@ if(file_exists('view/theme/redbasic/css/style.css')) {
$x = file_get_contents('view/theme/redbasic/css/style.css');
- // left aside is 231px + converse width
- $main_width = (231 + intval($converse_width));
+ $aside_width = 231;
+
+ // left aside and right aside are is 231px + converse width
+ $main_width = (($aside_width * 2) + intval($converse_width));
// prevent main_width smaller than 768px
- $main_width = (($main_width < 768) ? 768 : $main_width) . 'px';
+ $main_width = (($main_width < 768) ? 768 : $main_width);
$options = array (
'$nav_bg' => $nav_bg,
@@ -191,6 +193,7 @@ if(file_exists('view/theme/redbasic/css/style.css')) {
'$pmenu_reply' => $pmenu_reply,
'$comment_indent' => $comment_indent,
'$main_width' => $main_width,
+ '$aside_width' => $aside_width
);
echo str_replace(array_keys($options), array_values($options), $x);