From 13b0c70d781f93be1277b6f27bc681569274c64d Mon Sep 17 00:00:00 2001 From: Miroslav Pejic Date: Mon, 2 Dec 2024 00:34:04 +0100 Subject: [PATCH] [mirotalkwebrtc] - add settings/language --- frontend/css/client.css | 34 ++++++++++++++++++++++++++++++++++ frontend/html/client.html | 13 +++++++++++++ frontend/js/client.js | 26 +++++++++++++++++++++++++- frontend/js/translate.js | 10 ++++++++++ package.json | 2 +- 5 files changed, 83 insertions(+), 2 deletions(-) create mode 100644 frontend/js/translate.js diff --git a/frontend/css/client.css b/frontend/css/client.css index c3c32db..7ee1b2b 100644 --- a/frontend/css/client.css +++ b/frontend/css/client.css @@ -540,6 +540,7 @@ iframe { } } +.settingsDiv, .accountDiv, .addRowDiv { position: fixed; @@ -555,6 +556,7 @@ iframe { color: var(--text-color); } +.settingsDiv label, .accountDiv label, .addRowDiv label { display: block; @@ -563,6 +565,20 @@ iframe { font-size: 16px; } +.settingsDiv select { + margin-top: 10px !important; + width: 100%; + padding: 12px; + border-radius: 5px; + border: 0.1px solid var(--border-color); + background: var(--body-color); + color: var(--text-color); + color-scheme: var(--input-color-schema); + font-size: 16px; + outline: none; + cursor: pointer; +} + .accountDiv input, .addRowDiv input { padding: 12px; @@ -591,11 +607,13 @@ iframe { width: auto; } +.settingsDiv i, .accountDiv i, .addRowDiv i { cursor: pointer; } +.settingsDiv i:hover, .accountDiv i:hover, .addRowDiv i:hover { color: var(--color-hover); @@ -831,6 +849,19 @@ tr:nth-child(even) { background: transparent; } +/* google translate */ +.skiptranslate iframe, +.goog-te-banner-frame.skiptranslate { + display: none !important; + position: absolute !important; + top: -10000px !important; +} + +#google_translate_element select { + background: var(--secondary-color) !important; + color: var(--text-color) !important; +} + .fadeIn { -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; @@ -934,6 +965,9 @@ tr:nth-child(even) { .accountDiv { width: 100%; } + .settingsDiv { + width: 100%; + } .dash-content .boxes { display: flex; } diff --git a/frontend/html/client.html b/frontend/html/client.html index d0cba33..c46a657 100644 --- a/frontend/html/client.html +++ b/frontend/html/client.html @@ -46,6 +46,7 @@ + @@ -110,6 +111,12 @@ Account +
  • + + + Settings + +
  • @@ -307,6 +314,12 @@ + +