From 3474ee4fbba142b6c85ee734901130269ffd8962 Mon Sep 17 00:00:00 2001
From: Robert Goldmann <deadlocker@gmx.de>
Date: Sat, 9 May 2020 18:23:37 +0200
Subject: [PATCH] #338 - improved template header truncation
---
src/main/resources/static/css/dark/style.css | 11 +++++++++++
src/main/resources/static/css/style.css | 11 +++++++++++
2 files changed, 22 insertions(+)
diff --git a/src/main/resources/static/css/dark/style.css b/src/main/resources/static/css/dark/style.css
index e201d4a2d..807ec5467 100644
--- a/src/main/resources/static/css/dark/style.css
+++ b/src/main/resources/static/css/dark/style.css
@@ -620,6 +620,7 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
display: none;
}
+/* large screens */
@media all and (min-width: 960px) {
.icon-budget {
font-size: 4vmin !important;
@@ -639,6 +640,7 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
}
}
+/* medium screens */
@media all and (max-width: 959px) and (min-width: 600px) {
.icon-budget {
font-size: 5.5vmin !important;
@@ -652,8 +654,13 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
.budget {
font-size: 3.5vmin;
}
+
+ .template-header-name {
+ max-width: 40% !important;
+ }
}
+/* small screens */
@media all and (max-width: 599px) and (min-width: 320px) {
.icon-budget {
font-size: 6vmin !important;
@@ -671,6 +678,10 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
.container, .transaction-container {
width: 100% !important;
}
+
+ .template-header-name {
+ max-width: 40% !important;
+ }
}
.debug {
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index 123f41690..8a988dd3d 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -535,6 +535,7 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
display: none;
}
+/* large screens */
@media all and (min-width: 960px) {
.icon-budget {
font-size: 4vmin !important;
@@ -554,6 +555,7 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
}
}
+/* medium screens */
@media all and (max-width: 959px) and (min-width: 600px) {
.icon-budget {
font-size: 5.5vmin !important;
@@ -567,8 +569,13 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
.budget {
font-size: 3.5vmin;
}
+
+ .template-header-name {
+ max-width: 40% !important;
+ }
}
+/* small screens */
@media all and (max-width: 599px) and (min-width: 320px) {
.icon-budget {
font-size: 6vmin !important;
@@ -586,6 +593,10 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
.container, .transaction-container {
width: 100% !important;
}
+
+ .template-header-name {
+ max-width: 40% !important;
+ }
}
.debug {
--
GitLab