From 5268bc87bfb56b327e3bf7716db131907f32518e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Milan=20P=C3=A4ssler?= Date: Mon, 20 Jul 2020 21:27:18 +0200 Subject: [PATCH] replace product selector icons with text --- client/img/bus.svg | 86 ------------------------------------- client/img/dzug.svg | 70 ------------------------------ client/img/ferry.svg | 94 ----------------------------------------- client/img/ic.svg | 74 -------------------------------- client/img/ice.svg | 78 ---------------------------------- client/img/ice_ic.svg | 87 -------------------------------------- client/img/nv.svg | 74 -------------------------------- client/img/suburban.svg | 78 ---------------------------------- client/img/subway.svg | 71 ------------------------------- client/img/taxi.svg | 90 --------------------------------------- client/img/tram.svg | 90 --------------------------------------- client/style.css | 74 ++++++++++++++++++++++---------- 12 files changed, 52 insertions(+), 914 deletions(-) delete mode 100644 client/img/bus.svg delete mode 100644 client/img/dzug.svg delete mode 100644 client/img/ferry.svg delete mode 100644 client/img/ic.svg delete mode 100644 client/img/ice.svg delete mode 100644 client/img/ice_ic.svg delete mode 100644 client/img/nv.svg delete mode 100644 client/img/suburban.svg delete mode 100644 client/img/subway.svg delete mode 100644 client/img/taxi.svg delete mode 100644 client/img/tram.svg diff --git a/client/img/bus.svg b/client/img/bus.svg deleted file mode 100644 index 27b34ba..0000000 --- a/client/img/bus.svg +++ /dev/null @@ -1,86 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - diff --git a/client/img/dzug.svg b/client/img/dzug.svg deleted file mode 100644 index 41887a9..0000000 --- a/client/img/dzug.svg +++ /dev/null @@ -1,70 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/client/img/ferry.svg b/client/img/ferry.svg deleted file mode 100644 index 374bf96..0000000 --- a/client/img/ferry.svg +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - diff --git a/client/img/ic.svg b/client/img/ic.svg deleted file mode 100644 index f86c46b..0000000 --- a/client/img/ic.svg +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - diff --git a/client/img/ice.svg b/client/img/ice.svg deleted file mode 100644 index 3361097..0000000 --- a/client/img/ice.svg +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - diff --git a/client/img/ice_ic.svg b/client/img/ice_ic.svg deleted file mode 100644 index 4355d94..0000000 --- a/client/img/ice_ic.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - diff --git a/client/img/nv.svg b/client/img/nv.svg deleted file mode 100644 index db3d27f..0000000 --- a/client/img/nv.svg +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - diff --git a/client/img/suburban.svg b/client/img/suburban.svg deleted file mode 100644 index 9eaa8b5..0000000 --- a/client/img/suburban.svg +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/client/img/subway.svg b/client/img/subway.svg deleted file mode 100644 index 912967e..0000000 --- a/client/img/subway.svg +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/client/img/taxi.svg b/client/img/taxi.svg deleted file mode 100644 index 9da9f14..0000000 --- a/client/img/taxi.svg +++ /dev/null @@ -1,90 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - diff --git a/client/img/tram.svg b/client/img/tram.svg deleted file mode 100644 index 279fc2e..0000000 --- a/client/img/tram.svg +++ /dev/null @@ -1,90 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - diff --git a/client/style.css b/client/style.css index 357edb8..ec57caf 100755 --- a/client/style.css +++ b/client/style.css @@ -816,52 +816,82 @@ form>div.history { content: url('data:image/svg+xml;utf8,') } + .icon-travelynx { content: url('./img/travelynx.svg'); } -.icon-ice { - content: url('./img/ice.svg'); +.selector label { + font-weight: bold; + font-size: 0; + display: flex; + justify-content: center; + align-items: center; +} +.selector label:after { + font-size: .9rem; + color: black; + text-align: center; + line-height: .9rem; } -.icon-ic { - content: url('./img/ic.svg'); +.selector label.icon-ice, +.selector label.icon-ic, +.selector label.icon-icice, +.selector label.icon-dzug, +.selector label.icon-regional { + font-style: italic; } -.icon-icice { - content: url('./img/ice_ic.svg'); +.selector label.icon-tram:after, +.selector label.icon-bus:after, +.selector label.icon-ferry:after, +.selector label.icon-taxi:after { + font-size: 0.6rem; } -.icon-dzug { - content: url('./img/dzug.svg'); +.icon-ice:after { + content: 'ICE'; } -.icon-regional { - content: url('./img/nv.svg'); +.icon-ic:after { + content: 'IC'; } -.icon-suburban { - content: url('./img/suburban.svg'); +.icon-icice:after { + content: 'IC ICE'; } -.icon-subway { - content: url('./img/subway.svg'); +.icon-dzug:after { + content: 'D'; } -.icon-tram { - content: url('./img/tram.svg'); +.icon-regional:after { + content: 'NV'; } -.icon-bus { - content: url('./img/bus.svg'); +.icon-suburban:after { + content: 'S'; } -.icon-ferry { - content: url('./img/ferry.svg'); +.icon-subway:after { + content: 'U'; } -.icon-taxi { - content: url('./img/taxi.svg'); +.icon-tram:after { + content: 'Tram'; +} + +.icon-bus:after { + content: 'Bus'; +} + +.icon-ferry:after { + content: 'Ferry'; +} + +.icon-taxi:after { + content: 'Taxi'; } #selected {