From 3d330a5822ae20888eacf29b5ca2c2e7b652ec95 Mon Sep 17 00:00:00 2001 From: Aria <aria@suma-ev.de> Date: Mon, 17 Jul 2017 10:07:32 +0200 Subject: [PATCH] =?UTF-8?q?=C3=9Cber=20uns=20Block=20nach=20unten=20versch?= =?UTF-8?q?oben?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/spende/spende.blade.php | 25 ++++++++++++++----------- 1 file changed, 14 insertions(+), 11 deletions(-) diff --git a/resources/views/spende/spende.blade.php b/resources/views/spende/spende.blade.php index af2da1092..86e75bd5c 100644 --- a/resources/views/spende/spende.blade.php +++ b/resources/views/spende/spende.blade.php @@ -7,8 +7,7 @@ @section('content') <h1>{!! trans('spende.headline.1') !!}</h1> <h2 class="subheading">{!! trans('spende.headline.2') !!}</h2> - <div class="col"> - <div id="left" class="col-lg-6 col-md-12 col-sm-12 others"> + <div id="left" > <h3>{!! trans('spende.bankinfo.1') !!}</h3> <p>{!! trans('spende.bankinfo.2') !!}</p> <p class="text-muted">{!! trans('spende.bankinfo.3') !!}</p> @@ -74,6 +73,12 @@ <style> + #right { + width: 75%; + margin-left: auto; + margin-right: auto; + } + #right label { display: block; vertical-align: middle; @@ -88,7 +93,6 @@ } #right label::after { - font-weight: bold; font-size: 15px; content: "▼"; width: 20px; @@ -97,16 +101,16 @@ } #expand { - height: 0px; + max-height: 0px; overflow: hidden; - -webkit-transition: height 0.2s; /* Chrome 1-25, Safari 3.2+ */ - -moz-transition: height 0.2s; /* Firefox 4-15 */ - -o-transition: height 0.2s; /* Opera 10.50–12.00 */ - transition: height 0.2s; + -webkit-transition: max-height 0.2s; /* Chrome 1-25, Safari 3.2+ */ + -moz-transition: max-height 0.2s; /* Firefox 4-15 */ + -o-transition: max-height 0.2s; /* Opera 10.50–12.00 */ + transition: max-height 0.2s; } #toggle:checked ~ #expand { - height: 100%; + max-height: 900px; } #toggle { @@ -119,7 +123,7 @@ </style> - <div class="col-lg-6 col-md-12 col-sm-12 others" id="right"> + <div id="right"> <input id="toggle" type="checkbox"> <label for="toggle">{!! trans('spende.about.1') !!}</label> <div id="expand" > @@ -130,5 +134,4 @@ </div> </div> <div class="clearfix"></div> - </div> @endsection -- GitLab