diff options
author | marijus <mario@mariovavti.com> | 2014-03-13 19:50:22 +0100 |
---|---|---|
committer | marijus <mario@mariovavti.com> | 2014-03-13 19:50:22 +0100 |
commit | b32f8f0ba792bcea4d837444d986e71172097926 (patch) | |
tree | a32fa0716b6f474ac59a7550b806d147d65feed6 /view/theme | |
parent | 3f337dad2c783e62338a88887d1ef3d7754da410 (diff) | |
download | volse-hubzilla-b32f8f0ba792bcea4d837444d986e71172097926.tar.gz volse-hubzilla-b32f8f0ba792bcea4d837444d986e71172097926.tar.bz2 volse-hubzilla-b32f8f0ba792bcea4d837444d986e71172097926.zip |
move region_1 to off instead of removing it and dont squelch region_2 when region_1 moves in again
Diffstat (limited to 'view/theme')
-rw-r--r-- | view/theme/redbasic/css/style.css | 22 | ||||
-rw-r--r-- | view/theme/redbasic/js/redbasic.js | 4 |
2 files changed, 20 insertions, 6 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 7cdc55644..d30aedd25 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -244,7 +244,7 @@ header #banner #logo-text { height: 28px; border-bottom: 1px solid #aaaaaa; padding:0px; - width: 90%; + width: 100%; } .tabs li { margin: 0px; list-style: none; } @@ -262,8 +262,7 @@ ul.tabs { margin-top: 0px; margin-bottom: 0px; list-style-type: none; - padding: 0px; - padding-right: 8px; + } /* footer */ @@ -2309,9 +2308,24 @@ blockquote { padding: 7px 10px; } -@media (max-width:767px) { +@media screen and (max-width: 767px) { aside#region_1 { background: rgba(0, 0, 0, .1); border-right: 1px solid $nav_bd; } + + main { + -webkit-transition: all 0.25s ease-out; + -moz-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; + } + + main { + left: -227px; + width: calc( 100% + 227px ); + } + + main.region_1-on { + left: 0px; + } } diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js index 7e957a4f4..bec7c55c8 100644 --- a/view/theme/redbasic/js/redbasic.js +++ b/view/theme/redbasic/js/redbasic.js @@ -22,9 +22,9 @@ function cmtBbClose(comment, id) { $(document).ready(function() { -$('[data-toggle=show_hide]').click(function() { +$('[data-toggle=offcanvas]').click(function() { $('#expand-aside-icon').toggleClass('icon-circle-arrow-right').toggleClass('icon-circle-arrow-left'); - $('#region_1').toggleClass('hidden-xs'); + $('main').toggleClass('region_1-on'); }); $('.group-edit-icon').hover( |