Commit 1f30e828 authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

Merge branch '605' into 'MetaGer-Redesign'

Fixed H1 Styling for Quicktips

See merge request !1074
parents 0342f636 b0d6cd06
...@@ -678,15 +678,16 @@ function createQuicktips (quicktips, sprueche) { ...@@ -678,15 +678,16 @@ function createQuicktips (quicktips, sprueche) {
}); });
} else { } else {
mainElem = $('<div class="quicktip-summary">'); mainElem = $('<div class="quicktip-summary">');
var headlineElem = $('<h1>'); if (quicktip.title.length > 0) {
if (quicktip.url.length > 0) { var headlineElem = $('<h1>');
headlineElem.append('<a href=' + quicktip.url + '>' + quicktip.title + '</a>'); if (quicktip.url.length > 0) {
} else { headlineElem.append('<a href=' + quicktip.url + '>' + quicktip.title + '</a>');
headlineElem.text(quicktip.title); } else {
headlineElem.text(quicktip.title);
}
mainElem.append(headlineElem);
} }
mainElem mainElem.append('<p>' + quicktip.summary + '</p>');
.append(headlineElem)
.append('<p>' + quicktip.summary + '</p>');
} }
var quicktipDiv = $('<div class="quicktip" type="' + quicktip.type + '">'); var quicktipDiv = $('<div class="quicktip" type="' + quicktip.type + '">');
quicktipDiv quicktipDiv
......
...@@ -673,6 +673,15 @@ a { ...@@ -673,6 +673,15 @@ a {
} }
} }
@keyframes quicktip-extender-turn {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg);
}
}
/* /*
* <div id="quicktips"> * <div id="quicktips">
...@@ -688,15 +697,6 @@ a { ...@@ -688,15 +697,6 @@ a {
* </...> * </...>
*/ */
@keyframes quicktip-extender-turn {
from {
transform: rotate(0deg);
}
to {
transform: rotate(180deg);
}
}
#quicktips { #quicktips {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -706,7 +706,7 @@ a { ...@@ -706,7 +706,7 @@ a {
} }
.quicktip { .quicktip {
margin: 10px 0px; margin: 10px 0px;
padding-left: 10px; padding: 10px 0px 10px 10px;
border-left: 3px solid #fb0; border-left: 3px solid #fb0;
details:not([open=""]) { details:not([open=""]) {
.quicktip-summary p { .quicktip-summary p {
...@@ -717,6 +717,7 @@ a { ...@@ -717,6 +717,7 @@ a {
} }
.quicktip-summary { .quicktip-summary {
h1 { h1 {
margin: 0px 0px 5px 0px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
display: flex; display: flex;
......
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