From 40a1491f13d0aef73c8e1558a5d9489b5234da50 Mon Sep 17 00:00:00 2001
From: Robert Goldmann <deadlocker@gmx.de>
Date: Mon, 2 Aug 2021 23:12:37 +0200
Subject: [PATCH] Fixed #638 - increase hint font size on mobile
---
src/main/resources/static/css/style.css | 11 +++++++-
.../resources/templates/helpers/header.ftl | 28 ++++++++-----------
2 files changed, 22 insertions(+), 17 deletions(-)
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index d27c3e41c..679e36d1b 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -565,7 +565,16 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
}
.notification {
- font-size: 2.5vmin;
+ font-size: 3.5vmin;
+ }
+
+ .notification i {
+ font-size: 4.3vmin;
+ }
+
+ .notification-clear i,
+ .hint-clear i {
+ font-size: 4vmin;
}
}
diff --git a/src/main/resources/templates/helpers/header.ftl b/src/main/resources/templates/helpers/header.ftl
index e70186b27..f29ce4c2b 100644
--- a/src/main/resources/templates/helpers/header.ftl
+++ b/src/main/resources/templates/helpers/header.ftl
@@ -79,12 +79,10 @@
<div class="col s12 center-align">
<div class="notification-wrapper">
<div class="notification ${notification.getBackgroundColor()} ${notification.getTextColor()}">
- <div class="valign-wrapper">
- <#if notification.getIcon()??>
- <i class="${notification.getIcon()} notification-item"></i>
- </#if>
- <span class="notification-item">${notification.getMessage()}</span>
- </div>
+ <#if notification.getIcon()??>
+ <i class="${notification.getIcon()} notification-item"></i>
+ </#if>
+ <span class="notification-item">${notification.getMessage()}</span>
<a class="notification-item notification-clear ${notification.getTextColor()}" data-id="notification-${notification?index}">
<i class="material-icons">clear</i>
</a>
@@ -104,16 +102,14 @@
<div class="col s12 center-align">
<div class="notification-wrapper">
<div class="notification notification-border text-default">
- <div class="valign-wrapper">
- <#if actionUrl?has_content>
- <a href="<@s.url actionUrl/>" class="text-default">
- </#if>
- <i class="${icon} notification-item"></i>
- <span class="notification-item left-align">${locale.getString(hint.getLocalizationKey())}</span>
- <#if actionUrl?has_content>
- </a>
- </#if>
- </div>
+ <i class="${icon} notification-item"></i>
+ <#if actionUrl?has_content>
+ <a href="<@s.url actionUrl/>" class="text-default">
+ </#if>
+ <span class="notification-item left-align">${locale.getString(hint.getLocalizationKey())}</span>
+ <#if actionUrl?has_content>
+ </a>
+ </#if>
<a class="notification-item hint-clear text-default" data-url="<@s.url "/hints/dismiss/" + hint.getID()/>" data-id="hint-${hint.getID()}">
<i class="material-icons">clear</i>
</a>
--
GitLab