From d2b6fe099a223eb383c6d9e044fb5b71a14f0e23 Mon Sep 17 00:00:00 2001 From: maTh Date: Wed, 12 Jan 2022 23:04:59 +0100 Subject: Improvement: menu icons (#4004) * default icons * icons Flat theme * icons Swage theme * icon gets bright when hover: Ansum theme * icon gets bright when hover: Blue lagoon theme * icon gets bright when hover: Origine/Origine Compact theme * compressed SVG * Better formated SVG/XML files * Update bookmark-tag.svg --- p/themes/Ansum/_components.scss | 4 ++++ p/themes/Ansum/ansum.css | 5 ++++- p/themes/Ansum/ansum.rtl.css | 5 ++++- p/themes/BlueLagoon/BlueLagoon.css | 4 ++++ p/themes/BlueLagoon/BlueLagoon.rtl.css | 4 ++++ p/themes/Flat/icons/bookmark-tag.svg | 3 +++ p/themes/Flat/icons/sort-down.svg | 3 +++ p/themes/Flat/icons/sort-up.svg | 3 +++ p/themes/Origine-compact/origine-compact.css | 4 ++++ p/themes/Origine-compact/origine-compact.rtl.css | 4 ++++ p/themes/Origine/origine.css | 4 ++++ p/themes/Origine/origine.rtl.css | 4 ++++ p/themes/Swage/icons/bookmark-add.svg | 10 ++++++---- p/themes/Swage/icons/bookmark-tag.svg | 3 +++ p/themes/Swage/icons/sort-down.svg | 3 +++ p/themes/Swage/icons/sort-up.svg | 3 +++ p/themes/icons/bookmark-add.svg | 10 +++++----- p/themes/icons/bookmark-tag.svg | 3 +++ p/themes/icons/sort-down.svg | 3 +++ p/themes/icons/sort-up.svg | 3 +++ 20 files changed, 74 insertions(+), 11 deletions(-) create mode 100644 p/themes/Flat/icons/bookmark-tag.svg create mode 100644 p/themes/Flat/icons/sort-down.svg create mode 100644 p/themes/Flat/icons/sort-up.svg create mode 100644 p/themes/Swage/icons/bookmark-tag.svg create mode 100644 p/themes/Swage/icons/sort-down.svg create mode 100644 p/themes/Swage/icons/sort-up.svg create mode 100644 p/themes/icons/bookmark-tag.svg create mode 100644 p/themes/icons/sort-down.svg create mode 100644 p/themes/icons/sort-up.svg (limited to 'p') diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index 9e78456a2..b3fae5d08 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -75,6 +75,10 @@ text-decoration: none; color: $white; } + + .icon { + filter: grayscale(100%) brightness(2.5); + } } &[aria-checked="true"] { diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 4a565d031..5ad84e4fc 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -121,8 +121,8 @@ label { } textarea { - width: 360px; max-width: 100%; + width: 360px; height: 100px; } @@ -276,6 +276,9 @@ form th { text-decoration: none; color: #fff; } +.dropdown-menu .item:hover .icon { + filter: grayscale(100%) brightness(2.5); +} .dropdown-menu .item[aria-checked=true] a::before { margin: 0 0 0 -14px; font-weight: bold; diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index f51507030..ddf70e2fc 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -121,8 +121,8 @@ label { } textarea { - width: 360px; max-width: 100%; + width: 360px; height: 100px; } @@ -276,6 +276,9 @@ form th { text-decoration: none; color: #fff; } +.dropdown-menu .item:hover .icon { + filter: grayscale(100%) brightness(2.5); +} .dropdown-menu .item[aria-checked=true] a::before { margin: 0 -14px 0 0; font-weight: bold; diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 3540fb67c..d12559b97 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -396,6 +396,10 @@ a.btn { font-weight: bold; } +.dropdown-menu .icon { + filter: grayscale(100%) brightness(2.5); +} + .dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link { diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index b77d9923e..dfbc3cc84 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -396,6 +396,10 @@ a.btn { font-weight: bold; } +.dropdown-menu .icon { + filter: grayscale(100%) brightness(2.5); +} + .dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link { diff --git a/p/themes/Flat/icons/bookmark-tag.svg b/p/themes/Flat/icons/bookmark-tag.svg new file mode 100644 index 000000000..f087931c6 --- /dev/null +++ b/p/themes/Flat/icons/bookmark-tag.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/p/themes/Flat/icons/sort-down.svg b/p/themes/Flat/icons/sort-down.svg new file mode 100644 index 000000000..2db5d7963 --- /dev/null +++ b/p/themes/Flat/icons/sort-down.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/p/themes/Flat/icons/sort-up.svg b/p/themes/Flat/icons/sort-up.svg new file mode 100644 index 000000000..7103b572f --- /dev/null +++ b/p/themes/Flat/icons/sort-up.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css index 0f4af625c..d2a1b15f8 100644 --- a/p/themes/Origine-compact/origine-compact.css +++ b/p/themes/Origine-compact/origine-compact.css @@ -401,6 +401,10 @@ a.btn, color: #fff; } +.dropdown-menu > .item:hover .icon { + filter: grayscale(100%) brightness(2.5); +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css index a061f46f3..552abc28b 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -401,6 +401,10 @@ a.btn, color: #fff; } +.dropdown-menu > .item:hover .icon { + filter: grayscale(100%) brightness(2.5); +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 -14px 0 0; diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 496254c83..d5a779502 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -393,6 +393,10 @@ a.btn { color: #fff; } +.dropdown-menu > .item:hover .icon { + filter: grayscale(100%) brightness(2.5); +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 8dcde6b76..ea94b36ae 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -393,6 +393,10 @@ a.btn { color: #fff; } +.dropdown-menu > .item:hover .icon { + filter: grayscale(100%) brightness(2.5); +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 -14px 0 0; diff --git a/p/themes/Swage/icons/bookmark-add.svg b/p/themes/Swage/icons/bookmark-add.svg index ee23bff9b..8100c3fe1 100644 --- a/p/themes/Swage/icons/bookmark-add.svg +++ b/p/themes/Swage/icons/bookmark-add.svg @@ -1,6 +1,8 @@ - - - - + + + + \ No newline at end of file diff --git a/p/themes/Swage/icons/bookmark-tag.svg b/p/themes/Swage/icons/bookmark-tag.svg new file mode 100644 index 000000000..3632d0fd4 --- /dev/null +++ b/p/themes/Swage/icons/bookmark-tag.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/p/themes/Swage/icons/sort-down.svg b/p/themes/Swage/icons/sort-down.svg new file mode 100644 index 000000000..d7ce416cf --- /dev/null +++ b/p/themes/Swage/icons/sort-down.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/p/themes/Swage/icons/sort-up.svg b/p/themes/Swage/icons/sort-up.svg new file mode 100644 index 000000000..6449eff7c --- /dev/null +++ b/p/themes/Swage/icons/sort-up.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/p/themes/icons/bookmark-add.svg b/p/themes/icons/bookmark-add.svg index 51db9c498..5c0c5e7fb 100644 --- a/p/themes/icons/bookmark-add.svg +++ b/p/themes/icons/bookmark-add.svg @@ -1,6 +1,6 @@ - - - - - + + + + + \ No newline at end of file diff --git a/p/themes/icons/bookmark-tag.svg b/p/themes/icons/bookmark-tag.svg new file mode 100644 index 000000000..b5f084a0c --- /dev/null +++ b/p/themes/icons/bookmark-tag.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/p/themes/icons/sort-down.svg b/p/themes/icons/sort-down.svg new file mode 100644 index 000000000..4471ca605 --- /dev/null +++ b/p/themes/icons/sort-down.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/p/themes/icons/sort-up.svg b/p/themes/icons/sort-up.svg new file mode 100644 index 000000000..59ae7d0b4 --- /dev/null +++ b/p/themes/icons/sort-up.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file -- cgit v1.2.3