mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-07-27 21:42:25 +00:00
ui polish (#3333)
## Description: - disabled dragging in many places, select skin, select flag, select lang, and footer stuff - removed shadow from flags in flag selector - added bounce to the lang selector ## Please complete the following: - [x] I have added screenshots for all UI updates - [x] I process any text displayed to the user through translateText() and I've added it to the en.json file - [x] I have added relevant tests to the test directory - [x] I confirm I have thoroughly tested these changes and take full responsibility for any bugs introduced ## Please put your Discord username so you can be contacted if a bug or regression is found: w.o.n --------- Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
This commit is contained in:
co-authored by
coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
parent
60f69a6408
commit
17c0dde45f
@@ -349,15 +349,16 @@ export class LangSelector extends LitElement {
|
||||
id="lang-selector"
|
||||
title="Change Language"
|
||||
@click=${this.openModal}
|
||||
class="border-none bg-none cursor-pointer p-0 flex items-center justify-center"
|
||||
class="border-none bg-none cursor-pointer p-0 flex items-center justify-center transition-transform duration-200 hover:scale-[1.1] active:scale-[0.9]"
|
||||
style="width: 28px; height: 28px;"
|
||||
>
|
||||
<img
|
||||
id="lang-flag"
|
||||
class="object-contain hover:scale-110 transition-transform duration-200"
|
||||
class="object-contain pointer-events-none"
|
||||
style="width: 28px; height: 28px;"
|
||||
src="/flags/${currentLang.svg}.svg"
|
||||
alt="flag"
|
||||
draggable="false"
|
||||
/>
|
||||
</button>
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user