Commit a1db5b62 authored by Birte Kristina Friesel's avatar Birte Kristina Friesel
Browse files

hide non-primary options behind js menu

parent 38e787fc

public/static/collapse.js

+17 −0
Original line number Diff line number Diff line
@@ -19,4 +19,21 @@ $(document).ready(function() { 
			});

		});

	});

	$('.moresettings-header').each(function() {

		$(this).click(function() {

			var moresettings = $('.moresettings');

			if ($(this).hasClass('moresettings-header-collapsed')) {

				$(this).removeClass('moresettings-header-collapsed');

				$(this).addClass('moresettings-header-expanded');

				moresettings.removeClass('moresettings-collapsed');

				moresettings.addClass('moresettings-expanded');

			}

			else {

				$(this).removeClass('moresettings-header-expanded');

				$(this).addClass('moresettings-header-collapsed');

				moresettings.removeClass('moresettings-expanded');

				moresettings.addClass('moresettings-collapsed');

			}

		});

	});

});

public/static/default.css

+37 −1
Original line number Diff line number Diff line
@@ -483,6 +483,26 @@ span.notes { 
	color: #666666;

}



.moresettings-header {

	cursor: pointer;

}



.moresettings-header-collapsed:before {

	content: "▹ "

}



.moresettings-header-expanded:before {

	content: "▿ "

}



.moresettings-collapsed {

	display: none;

}



.moresettings-expanded {

	display: block;

}



div.break {

	height: 1em;

}
@@ -550,10 +570,26 @@ input[type="submit"]:hover, 
	border-color: #204d74;

}



input[type="submit"]:active {

input[type="submit"]:active,

.button.active {

	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);

}



.button-light {

	color: #333;

	background-color: #fff;

	border-color: #ccc;

}



.button-light:active,

.button-light:focus,

.button-light:hover

{

	color: #333;

	background-color: #e6e6e6;

	border-color: #adadad;

}



div.notes {

	margin-top: 2em;

}

templates/layouts/default.html.ep

+70 −68
Original line number Diff line number Diff line
@@ -70,7 +70,8 @@ Bitte eine Station aus der Liste auswählen</div> 
    %= submit_button 'Abfartsmonitor'

  </div>

  <div class="break"></div>

  <span class="optional">Optionale Einstellungen:</span>

  <div class="moresettings-header moresettings-header-collapsed button button-light">Weitere Einstellungen</div>

  <div class="moresettings moresettings-collapsed">

    <div class="field">

      <div class="desc">

        Frontend
@@ -148,6 +149,7 @@ Bitte eine Station aus der Liste auswählen</div> 
    <div class="field">

      %= submit_button 'Anzeigen'

    </div>

  </div> <!-- moresettings -->

</div>

% end