From 32a88fe41457acc8f1525a951dbe40d39ffe8ce3 Mon Sep 17 00:00:00 2001 From: Ali MJ Al-Nasrawy Date: Fri, 9 Apr 2021 14:52:03 +0300 Subject: Fix breadcrumbs mess on mobile On mobile devices, 'display: block' is set for '.directory' class. While this neccessary to make the whole row for directories entry clickable, it distorts the links in breadcrumbs. --- data/style.scss | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'data/style.scss') diff --git a/data/style.scss b/data/style.scss index 9bfbeaf..7d8a73d 100644 --- a/data/style.scss +++ b/data/style.scss @@ -42,6 +42,11 @@ body { word-break: break-word; } +.title a { + font-weight: bold; + color: var(--directory_link_color); +} + .footer { text-align: center; padding-top: 1.5rem; -- cgit v1.2.3 From 422cbb37285a6e89a1e71ee9e5a3bbe26e21cb6d Mon Sep 17 00:00:00 2001 From: Ali MJ Al-Nasrawy Date: Sun, 18 Apr 2021 06:21:37 +0300 Subject: Wrap breadcrumbs at any char This would make a good use of space in mobile view. --- data/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'data/style.scss') diff --git a/data/style.scss b/data/style.scss index 7d8a73d..b901ef6 100644 --- a/data/style.scss +++ b/data/style.scss @@ -39,7 +39,7 @@ body { } .title { - word-break: break-word; + word-break: break-all; } .title a { -- cgit v1.2.3