diff --git a/src/css/app.css b/src/css/app.css index 416f277..b00a4b7 100644 --- a/src/css/app.css +++ b/src/css/app.css @@ -138,10 +138,77 @@ label > * { flex-grow: 0; } +#items li div:first-of-type { + position: relative; +} + .item__icon { width: 32px; } +.one-locale .item__locale { + display: none !important; +} + +.item__locale { + position: absolute; + bottom: 5px; + right: 0; + font-size: .7rem; + padding: 2px 5px; + border-radius: 100000px; +} + +.item__locale.cs { + background: var(--purple-50); + color: white; +} + +.item__locale.en-US { + background: var(--blue-60); + color: white; +} + +.item__locale.es { + background: var(--green-70); + color: white; +} + +.item__locale.fi { + background: var(--red-70); + color: white; +} + +.item__locale.hu { + background: var(--orange-60); + color: white; +} + +.item__locale.id { + background: var(--teal-50); + color: black; +} + +.item__locale.pt-BR { + background: var(--yellow-50); + color: black; +} + +.item__locale.sl { + background: var(--magenta-70); + color: white; +} + +.item__locale.sr { + background: var(--grey-50); + color: white; +} + +.item__locale.st { + background: #000; + color: white; +} + .item--unread { font-weight: bold; } diff --git a/src/html/popup.html b/src/html/popup.html index 00c783d..ce2ab94 100755 --- a/src/html/popup.html +++ b/src/html/popup.html @@ -63,6 +63,7 @@

  • +
    {TITLE}
    diff --git a/src/html/preferences.html b/src/html/preferences.html index b6877be..9b17838 100755 --- a/src/html/preferences.html +++ b/src/html/preferences.html @@ -82,21 +82,38 @@

    -