Commit 900a8e4e authored by Aria Givi's avatar Aria Givi

Merge branch '685' into 'MetaGer-Redesign'

685

See merge request !1175
parents 5670c8f9 02a05dd1
...@@ -2,6 +2,8 @@ ...@@ -2,6 +2,8 @@
#show-create-focus:checked { #show-create-focus:checked {
&+#create-focus-modal { &+#create-focus-modal {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
} }
} }
...@@ -9,16 +11,19 @@ ...@@ -9,16 +11,19 @@
#create-focus-modal { #create-focus-modal {
display: none; display: none;
position: fixed; position: fixed;
justify-content: center; -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 100%; min-height: 100%;
width: 100%; width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .7)));
background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)); background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
z-index: 150; z-index: 150;
#foki-modal-dialog { #foki-modal-dialog {
background-color: white; background-color: white;
max-width: 700px; max-width: 700px;
margin: 30px auto; margin: 30px auto;
height: 900px; height: 90vh;
overflow-y: auto; overflow-y: auto;
#foki-modal-content { #foki-modal-content {
#foki-modal-header { #foki-modal-header {
...@@ -57,9 +62,7 @@ ...@@ -57,9 +62,7 @@
&~.row { &~.row {
-webkit-transition: max-height 0.4s ease; -webkit-transition: max-height 0.4s ease;
/* Chrome 1-25, Safari 3.2+ */ /* Chrome 1-25, Safari 3.2+ */
-moz-transition: max-height 0.4s ease;
/* Firefox 4-15 */ /* Firefox 4-15 */
-o-transition: max-height 0.4s ease;
/* Opera 10.50–12.00 */ /* Opera 10.50–12.00 */
transition: max-height 0.4s ease; transition: max-height 0.4s ease;
max-height: 400px; max-height: 400px;
......
...@@ -250,6 +250,13 @@ button { ...@@ -250,6 +250,13 @@ button {
opacity: 0; opacity: 0;
transition: opacity 0.5s ease; transition: opacity 0.5s ease;
} }
&.hide-tooltip-on-resultpage:after { /* Auf kleinen Bildschirmen wird der Tooltip nicht angezeigt */
@media (max-width: 700px) {
display: none;
}
}
&.delayed:after { &.delayed:after {
transition-delay: 0.5s; transition-delay: 0.5s;
} }
......
...@@ -339,25 +339,27 @@ header:nth-child(1) { ...@@ -339,25 +339,27 @@ header:nth-child(1) {
display: flex; display: flex;
width: 100%; width: 100%;
max-width: @resultpage-leftbox-max-width; max-width: @resultpage-leftbox-max-width;
background-color: white; background-color: white;
border: 1px solid #ccc; border: 1px solid #ccc;
box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24); box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
overflow-x: auto; overflow-x: visible;
padding: 10px; padding: 10px;
overflow-x: auto; @media (max-width: 700px) {
&>div { overflow-x: auto;
padding: 0px 10px;
&>a {
color: black;
} }
&>div {
padding: 0px 10px;
&>a {
color: black;
}
&.active>a { &.active>a {
border-bottom: 1px solid rgb(255, 128, 0); border-bottom: 1px solid rgb(255, 128, 0);
color: rgb(255, 128, 0); color: rgb(255, 128, 0);
}
} }
}
.edit-focus { .edit-focus {
margin-left: 7px; margin-left: 7px;
} }
/* Scrollbar Style */ /* Scrollbar Style */
&::-webkit-scrollbar { &::-webkit-scrollbar {
height: 0px; height: 0px;
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<div id="maps"> <div id="maps">
<a href="https://maps.metager.de/map/{{ $metager->getQ() }}/9.7380161,52.37119740000003,12" target="_self">@lang('index.foki.maps')</a> <a href="https://maps.metager.de/map/{{ $metager->getQ() }}/9.7380161,52.37119740000003,12" target="_self">@lang('index.foki.maps')</a>
</div> </div>
<div class="search-option-frame"> <div class="search-option-frame hide-tooltip-on-resultpage" data-tooltip="Eigene Suche erstellen">
<label for="show-create-focus" role="button" id=""> <label for="show-create-focus" role="button" id="">
<i class="fa fa-sliders"></i> <i class="fa fa-sliders"></i>
</label> </label>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment