From 9481911e3713cf2890c30bfe6918055bf856e520 Mon Sep 17 00:00:00 2001
From: Karl Hasselbring <Karl Hasselbring>
Date: Mon, 20 Nov 2017 09:23:40 +0100
Subject: [PATCH] Improved: Settings Seite hat jetzt ein mobiles Design
---
resources/assets/less/metager/base.less | 2 +-
resources/assets/less/metager/footer.less | 4 ----
resources/assets/less/metager/searchbar.less | 1 -
resources/assets/less/metager/settings.less | 24 +++++++++++++++++++
.../assets/less/metager/static-pages.less | 7 +-----
resources/views/settings.blade.php | 1 +
6 files changed, 27 insertions(+), 12 deletions(-)
diff --git a/resources/assets/less/metager/base.less b/resources/assets/less/metager/base.less
index 3cee570c9..34630089f 100644
--- a/resources/assets/less/metager/base.less
+++ b/resources/assets/less/metager/base.less
@@ -99,4 +99,4 @@ summary {
.new-feature.badge {
background-color: @new-feature-badge-background-color;
-}
\ No newline at end of file
+}
diff --git a/resources/assets/less/metager/footer.less b/resources/assets/less/metager/footer.less
index 63ebf9489..ce59c2053 100644
--- a/resources/assets/less/metager/footer.less
+++ b/resources/assets/less/metager/footer.less
@@ -16,10 +16,6 @@ footer {
img {
max-width: 100%;
}
- &.startPageFooter {
- // position: absolute;
- // bottom: 0;
- }
&.footer-resultpage {
justify-content: center;
a {
diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index 866265e9c..f645c2382 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -102,7 +102,6 @@
right: 8px;
top: 2px;
padding: 2px 2px 2px 5px;
- border-left: 1px solid #aaa;
position: absolute;
pointer-events: none;
}
diff --git a/resources/assets/less/metager/settings.less b/resources/assets/less/metager/settings.less
index 15caa55cf..6f57d539d 100644
--- a/resources/assets/less/metager/settings.less
+++ b/resources/assets/less/metager/settings.less
@@ -19,4 +19,28 @@
#settings-abort-btn {
color: @settings-abort-btn-color;
margin-right: auto;
+}
+
+@media (max-width: @screen-xs-max) {
+ html,
+ body,
+ .wrapper,
+ #settings-buttons {
+ width: 100%;
+ }
+ #settings-selectors {
+ justify-content: stretch;
+ >* {
+ width: 100%;
+ margin: 10px 0px;
+ display: flex;
+ flex-direction: column;
+ justify-content: end;
+ }
+ }
+ #settings-buttons>* {
+ width: 100%;
+ margin: 10px 0px;
+ overflow: auto;
+ }
}
\ No newline at end of file
diff --git a/resources/assets/less/metager/static-pages.less b/resources/assets/less/metager/static-pages.less
index dfe744d9e..0a86cd2e3 100644
--- a/resources/assets/less/metager/static-pages.less
+++ b/resources/assets/less/metager/static-pages.less
@@ -35,7 +35,7 @@
body {
margin: 0;
&>div {
- padding-top: 70px;
+ padding-top: 50px;
}
&.quicktips {
background-color: @quicktip-background-color;
@@ -431,11 +431,6 @@ select[name=focus]>option {
font-size: 20px;
}
-.settings-form-control {
- width: 200px;
- margin-top: 10px;
-}
-
.bitcoins {
text-align: center;
padding: 30px;
diff --git a/resources/views/settings.blade.php b/resources/views/settings.blade.php
index 02b79c3e8..66f03bcd1 100644
--- a/resources/views/settings.blade.php
+++ b/resources/views/settings.blade.php
@@ -55,6 +55,7 @@
<label class="select-label">@lang('settings.key.label'):</label>
<input type="text" class="form-control settings-form-control" name="param_key" placeholder="@lang('settings.key.placeholder')">
</div>
+ </div>
<div id="settings-buttons">
<a id="settings-abort-btn" class="btn btn-danger mutelink" href="{{ URL::previous() }}">@lang('settings.abort') <i class="fa fa-times" aria-hidden="true"></i></a>
<input id="unten" class="btn btn-primary" type="submit" value="{!! trans('settings.speichern.1') !!}">
--
GitLab