From 45092d4ebde5652225cbdecb0ea2332fc342825f Mon Sep 17 00:00:00 2001 From: WolverinDEV Date: Thu, 19 Mar 2020 11:35:39 +0100 Subject: [PATCH] Using proper icons for the client info --- ChangeLog.md | 3 + shared/css/static/frame-chat.scss | 14 ++++- shared/css/static/general.scss | 8 +++ shared/html/templates.html | 31 +++++++++-- shared/img/icon_client_country.svg | 1 + shared/img/icon_client_forum_account.svg | 1 + shared/img/icon_client_online_time.svg | 49 +++++++++++++++++ shared/img/icon_client_status.svg | 70 ++++++++++++++++++++++++ shared/img/icon_client_version.svg | 50 +++++++++++++++++ shared/img/icon_client_volume.svg | 59 ++++++++++++++++++++ 10 files changed, 277 insertions(+), 9 deletions(-) create mode 100644 shared/img/icon_client_country.svg create mode 100644 shared/img/icon_client_forum_account.svg create mode 100644 shared/img/icon_client_online_time.svg create mode 100644 shared/img/icon_client_status.svg create mode 100644 shared/img/icon_client_version.svg create mode 100644 shared/img/icon_client_volume.svg diff --git a/ChangeLog.md b/ChangeLog.md index 20016368..dcaeab3f 100644 --- a/ChangeLog.md +++ b/ChangeLog.md @@ -1,4 +1,7 @@ # Changelog: +* **19.03.20** + - Using proper icons for the client info + * **18.03.20** - Updated the sound playback mechanism and allowing the native backend to playback sounds via the native interface. diff --git a/shared/css/static/frame-chat.scss b/shared/css/static/frame-chat.scss index 18a497d7..e23cb134 100644 --- a/shared/css/static/frame-chat.scss +++ b/shared/css/static/frame-chat.scss @@ -1168,7 +1168,7 @@ $bot_thumbnail_height: 9em; .container-property { flex-direction: row-reverse; - .icon_em { + .icon_em, .container-icon { margin-left: .2em; } @@ -1181,7 +1181,7 @@ $bot_thumbnail_height: 9em; text-align: left; .container-property { - .icon_em { + .icon_em, .container-icon { margin-right: .2em; } @@ -1196,7 +1196,7 @@ $bot_thumbnail_height: 9em; flex-direction: row; justify-content: stretch; - > .icon_em { + > .icon_em, > .container-icon { margin-top: .1em; margin-bottom: .1em; @@ -1204,6 +1204,14 @@ $bot_thumbnail_height: 9em; flex-shrink: 0; flex-grow: 0; + + width: 1em; + height: 1em; + + img { + width: 100%; + height: 100%; + } } &.list { diff --git a/shared/css/static/general.scss b/shared/css/static/general.scss index 9cc8ef13..56bee158 100644 --- a/shared/css/static/general.scss +++ b/shared/css/static/general.scss @@ -108,6 +108,14 @@ button, input, optgroup, select, textarea { line-height: inherit; } +select { + -webkit-border-radius: 1px!important; + + option { + color: black; + } +} + fieldset { border: unset; diff --git a/shared/html/templates.html b/shared/html/templates.html index cee7a83a..5c6a2ad2 100644 --- a/shared/html/templates.html +++ b/shared/html/templates.html @@ -445,42 +445,61 @@
-
+ +
+ +
{{tr "Online since" /}}
error: online-time
-
+ +
+ +
{{tr "Country" /}}
error: country
-
+ +
+ +
{{tr "TeaSpeak Forum Account" /}}
-
+ +
+ +
{{tr "Version" /}}
error: version
-
+ + +
+ +
{{tr "Volume" /}}
error: local volume
-
+ +
+ +
{{tr "Status" /}}
diff --git a/shared/img/icon_client_country.svg b/shared/img/icon_client_country.svg new file mode 100644 index 00000000..85d53e93 --- /dev/null +++ b/shared/img/icon_client_country.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/shared/img/icon_client_forum_account.svg b/shared/img/icon_client_forum_account.svg new file mode 100644 index 00000000..b04fbe13 --- /dev/null +++ b/shared/img/icon_client_forum_account.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/shared/img/icon_client_online_time.svg b/shared/img/icon_client_online_time.svg new file mode 100644 index 00000000..9222ba0c --- /dev/null +++ b/shared/img/icon_client_online_time.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/shared/img/icon_client_status.svg b/shared/img/icon_client_status.svg new file mode 100644 index 00000000..48c81d0a --- /dev/null +++ b/shared/img/icon_client_status.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/shared/img/icon_client_version.svg b/shared/img/icon_client_version.svg new file mode 100644 index 00000000..e91d3ae7 --- /dev/null +++ b/shared/img/icon_client_version.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/shared/img/icon_client_volume.svg b/shared/img/icon_client_volume.svg new file mode 100644 index 00000000..4afa7ba9 --- /dev/null +++ b/shared/img/icon_client_volume.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +