From 1ba43ba7f09336ead44493b59a9ea802bdf92563 Mon Sep 17 00:00:00 2001
From: Karl Hasselbring <Karl Hasselbring>
Date: Tue, 8 Aug 2017 09:53:27 +0200
Subject: [PATCH] =?UTF-8?q?dropdowns=20k=C3=B6nnen=20jetzt=20allgemein=20p?=
=?UTF-8?q?er=20.dropdown-content=20und=20.drowdown-opener=20verwendet=20w?=
=?UTF-8?q?erden?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../assets/less/metager/result-page.less | 8 -----
resources/assets/less/utility.less | 31 +++++++++++++++++++
resources/views/layouts/result.blade.php | 4 +--
resources/views/layouts/resultPage.blade.php | 1 +
4 files changed, 34 insertions(+), 10 deletions(-)
diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less
index 8866a211f..5e8bdff4b 100644
--- a/resources/assets/less/metager/result-page.less
+++ b/resources/assets/less/metager/result-page.less
@@ -406,11 +406,7 @@ a {
font-size: 16px;
color: #2A2ADE;
}
- .option-checkbox {
- visibility: hidden;
- }
.option-content {
- display: none;
background-color: white;
z-index: 1000;
position: absolute;
@@ -432,10 +428,6 @@ a {
display: block;
}
}
- .option-opener:focus+.option-content, .option-content:hover {
- display: initial;
- animation-name: open-contents;
- }
}
.proxy {
font-size: 13px;
diff --git a/resources/assets/less/utility.less b/resources/assets/less/utility.less
index 93c08ad65..4e5270e06 100644
--- a/resources/assets/less/utility.less
+++ b/resources/assets/less/utility.less
@@ -1,3 +1,34 @@
+/* Zweck: Inhalt der nur gezeigt werden soll wenn Javascript aktiviert ist
+ */
.js-only {
display: none !important;
}
+
+/* Zweck: Beim klick auf den .dropdown-opener soll der .dropdown-content angezeigt werden.
+ * Verwendung: <a class="dropdown-opener" href="javascript:void(0);">...</a>
+ * <div class="dropdown-content">...</div>
+ */
+.dropdown-content {
+ display: none;
+ background-color: white;
+ z-index: 1000;
+ position: absolute;
+ border: grey solid 1px;
+ border-radius: 5px;
+}
+
+.dropdown-opener:focus+.dropdown-content, .dropdown-content:hover {
+ display: initial;
+ animation-name: dropdown-open-contents;
+ animation-fill-mode: forwards;
+ animation-duration: 0.5s;
+}
+
+@keyframes dropdown-open-contents {
+ 0% {
+ max-height: 200px;
+ }
+ 100% {
+ max-height: 1000px;
+ }
+}
diff --git a/resources/views/layouts/result.blade.php b/resources/views/layouts/result.blade.php
index 5a8f828b1..3bc6287b2 100644
--- a/resources/views/layouts/result.blade.php
+++ b/resources/views/layouts/result.blade.php
@@ -17,10 +17,10 @@
</a>
</div>
<div class="options">
- <a class="option-opener" href="javascript:void(0);">
+ <a class="dropdown-opener" href="javascript:void(0);">
<i class="fa fa-caret-down option-opener-icon" aria-hidden="true"></i>
</a>
- <div class="option-content">
+ <div class="dropdown-content option-content">
<ul class="option-list list-unstyled small">
<li class="option-title">
<i class="fa fa-cog"></i> {!! trans('result.options.headline') !!}
diff --git a/resources/views/layouts/resultPage.blade.php b/resources/views/layouts/resultPage.blade.php
index fe3801e9c..0fc7f595b 100644
--- a/resources/views/layouts/resultPage.blade.php
+++ b/resources/views/layouts/resultPage.blade.php
@@ -16,6 +16,7 @@
<link type="text/css" rel="stylesheet" href="/css/lightslider.css" />
<link type="text/css" rel="stylesheet" href="/font-awesome/css/font-awesome.min.css" />
<link id="theme" type="text/css" rel="stylesheet" href="/css/theme.css.php" />
+ @include('layouts.utility')
</head>
<body id="resultBody">
@if( !isset($suspendheader) )
--
GitLab