aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorZero~Informatique2020-02-11 01:43:28 +0100
committerZero~Informatique2020-02-11 01:43:28 +0100
commitff889de22e5c6fc5102395c5cf384a7e1e3dc801 (patch)
tree0599e5b81e2640dbb325992307146128737b640d
parent85950b42384d315f74a4e6b1077618cd557bb15a (diff)
downloadldgallery-ff889de22e5c6fc5102395c5cf384a7e1e3dc801.tar.gz
viewer: larger breadcrumb links
-rw-r--r--viewer/src/assets/scss/theme.scss2
-rw-r--r--viewer/src/components/LdBreadcrumb.vue5
2 files changed, 4 insertions, 3 deletions
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index cd6142a..bd21a19 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -57,7 +57,7 @@ $content-bgcolor: $palette-900;
57$toolbar-color: $palette-300; // FIXME: should be named "scrollbar" 57$toolbar-color: $palette-300; // FIXME: should be named "scrollbar"
58$loader-color: $palette-800; 58$loader-color: $palette-800;
59$input-tag-delete-background-color: $palette-700; 59$input-tag-delete-background-color: $palette-700;
60$breadcrumb-margins: 13px; 60$breadcrumb-margins: 12px;
61$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; 61$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
62 62
63 63
diff --git a/viewer/src/components/LdBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue
index 5f9695d..7f7ef7d 100644
--- a/viewer/src/components/LdBreadcrumb.vue
+++ b/viewer/src/components/LdBreadcrumb.vue
@@ -98,17 +98,18 @@ export default class LdBreadcrumb extends Vue {
98.ld-breadcrumb { 98.ld-breadcrumb {
99 ul { 99 ul {
100 display: flex; 100 display: flex;
101 height: 100%;
102 align-items: center;
103 white-space: nowrap; 101 white-space: nowrap;
104 } 102 }
105 a { 103 a {
104 padding: $breadcrumb-margins 0;
106 margin-left: $breadcrumb-margins; 105 margin-left: $breadcrumb-margins;
107 } 106 }
108 li { 107 li {
108 align-self: center;
109 margin-right: $breadcrumb-margins; 109 margin-right: $breadcrumb-margins;
110 } 110 }
111 &.scrollbar { 111 &.scrollbar {
112 overflow-y: hidden;
112 scrollbar-width: none; 113 scrollbar-width: none;
113 &::-webkit-scrollbar { 114 &::-webkit-scrollbar {
114 height: 0; 115 height: 0;