Minor UI fixes (#8146)

Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>

packages/ui/src/components/emoji/EmojiButton.svelte

@@ -34,7 +34,8 @@
     class="hulyPopupEmoji-button"
     class:preview
     class:selected
-    class:skins={_emoji?.skins !== undefined}
+    class:skins={_emoji?.skins !== undefined && _emoji.skins.length === 5}
+    class:constructor={_emoji?.skins !== undefined && _emoji.skins.length > 5}
     data-skins={getSkinsCount(_emoji)}
     {disabled}
     on:touchstart
@@ -101,6 +102,23 @@
       position: relative;
       border: 1px dashed var(--theme-button-border);
 
+      &:hover {
+        &::after {
+          content: '';
+          position: absolute;
+          top: -0.375rem;
+          right: -0.375rem;
+          width: 1rem;
+          height: 1rem;
+          border-radius: 50%;
+          background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 8' style='enable-background:new 0 0 8 8;' xml:space='preserve'%3E%3Cg%3E%3Ccircle fill='%23FFC92C' cx='5.3' cy='1.3' r='1.3' /%3E%3Ccircle fill='%23BF8F68' cx='2.7' cy='6' r='1.3' /%3E%3Ccircle fill='%23E0BB95' cx='5.3' cy='6' r='1.3' /%3E%3Ccircle fill='%239B643D' cx='1.3' cy='3.6' r='1.3' /%3E%3Ccircle fill='%23594539' cx='2.7' cy='1.3' r='1.3' /%3E%3Ccircle fill='%23FADCBC' cx='6.7' cy='3.6' r='1.3' /%3E%3C/g%3E%3C/svg%3E%0A");
+        }
+      }
+    }
+    &.constructor:not(.preview) {
+      position: relative;
+      border: 1px dashed var(--theme-button-border);
+
       &:hover {
         &::before {
           content: '';

plugins/chunter-resources/src/components/chat/navigator/NavItem.svelte

@@ -134,6 +134,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-shrink: 0;
     width: 1rem;
     height: 1rem;
   }

plugins/survey-resources/src/components/EditSurveyPanel.svelte

@@ -97,7 +97,7 @@
       {/if}
     </svelte:fragment>
 
-    <div class="flex-col flex-grow flex-no-shrink">
+    <div class="flex-col flex-grow flex-no-shrink mb-6">
       {#if preview}
         {#if poll !== undefined}
           <div class="antiSection-empty solid mb-8">

plugins/text-editor-assets/lang/de.json

@@ -0,0 +1,73 @@
+{
+  "string": {
+    "TableOfContents": "Inhaltsverzeichnis",
+    "Suggested": "NLICHE",
+    "NoItems": "Keine Artikel",
+    "EditorPlaceholder": "Fang an zu tippen...",
+    "Edit": "Bearbeiten",
+    "Bold": "Kühn",
+    "Italic": "Kursiv",
+    "Strikethrough": "Durchgestrichen",
+    "Link": "Verknüpfen",
+    "Save": "Speichern",
+    "OrderedList": "Geordnete Liste",
+    "BulletedList": "Aufgelistete Liste",
+    "Blockquote": "Blockquote",
+    "Code": "Codes",
+    "CodeBlock": "Codeblock",
+    "Note": "Notiz",
+    "ConfigureNote": "Anpassen einer Notiz",
+    "Set": "Festlegen",
+    "Update": "Update",
+    "Remove": "Entfernen",
+    "NotePlaceholder": "Fügen Sie eine Notiz hinzu...",
+    "SampleText": "Beispieltext",
+    "Send": "Senden",
+    "Attach": "Befestigen",
+    "TextStyle": "Textstil",
+    "Emoji": "Emoji",
+    "GIF": "GIF",
+    "Mention": "Erwähnen",
+    "Underlined": "Unterstrichen",
+    "AlignCenter": "Zentrieren ausrichten",
+    "AlignLeft": "Nach links ausrichten",
+    "AlignRight": "Nach rechts ausrichten",
+    "Download": "Herunterladen",
+    "ViewImage": "Bild anzeigen",
+    "ViewOriginal": "Original ansehen",
+    "MoreActions": "Zusätzliche Aktionen",
+    "FullDescription": "Objektbeschreibung",
+    "NoFullDescription": "Keine vollständige Beschreibung",
+    "EnableDiffMode": "Vergleichsmodus",
+    "AddColumnBefore": "Spalte vorher hinzufügen",
+    "AddColumnAfter": "Spalte nach hinzufügen",
+    "DeleteColumn": "Spalte löschen",
+    "AddRowBefore": "Zeile vorher hinzufügen",
+    "AddRowAfter": "Zeile danach hinzufügen",
+    "DeleteRow": "Zeile löschen",
+    "DeleteTable": "Tabelle löschen",
+    "MergeCells": "Zellen verbinden",
+    "SplitCells": "Zellen teilen",
+    "Duplicate": "Doppelt",
+    "CategoryRow": "Zeilen",
+    "CategoryColumn": "Spalten",
+    "CategoryCell": "Zellen",
+    "Table": "Tabelle",
+    "InsertTable": "Tabelle einfügen",
+    "TableOptions": "Tabelle anpassen",
+    "SelectTable": "Tabelle auswählen",
+    "Width": "Breite",
+    "Height": "Höhe",
+    "Unset": "Nicht eingestellt",
+    "Image": "Bild",
+    "SeparatorLine": "Trennungslinie",
+    "TodoList": "Aufgabenliste",
+    "DrawingBoard": "Reißbrett",
+    "MermaidDiargram": "Diagramm",
+    "Comment": "Ein Kommentar",
+    "AddComment": "Kommentar hinzufügen",
+    "AddCommentPlaceholder": "Fügen Sie einen Kommentar hinzu...",
+    "SetCellHighlightColor": "Zellfarbe ändern",
+    "SetTextColor": "Textfarbe ändern"
+  }
+}

plugins/text-editor-assets/lang/it.json

@@ -0,0 +1,73 @@
+{
+  "string": {
+    "TableOfContents": "Indice dei contenuti",
+    "Suggested": "SUGGERIRE",
+    "NoItems": "Nessun articolo",
+    "EditorPlaceholder": "Inizia a digitare...",
+    "Edit": "Modifica",
+    "Bold": "Grassetto",
+    "Italic": "Corsivo",
+    "Strikethrough": "Barrato",
+    "Link": "Collegamento",
+    "Save": "Risparmiare",
+    "OrderedList": "Elenco ordinato",
+    "BulletedList": "Elenco puntato",
+    "Blockquote": "Citazione a blocchi",
+    "Code": "Codice",
+    "CodeBlock": "Blocco di codice",
+    "Note": "Note",
+    "ConfigureNote": "Personalizzare una note",
+    "Set": "Fissare",
+    "Update": "Aggiornare",
+    "Remove": "Rimuovere",
+    "NotePlaceholder": "Aggiungi una nota...",
+    "SampleText": "Testo di esempio",
+    "Send": "Inviare",
+    "Attach": "Collegare",
+    "TextStyle": "Stile del testo",
+    "Emoji": "Emoji",
+    "GIF": "GIF",
+    "Mention": "Menzionare",
+    "Underlined": "Sottolineato",
+    "AlignCenter": "Allinea centro",
+    "AlignLeft": "Allinea a sinistra",
+    "AlignRight": "Allinea a destra",
+    "Download": "Scaricare",
+    "ViewImage": "Visualizza Immagine",
+    "ViewOriginal": "Visualizza originale",
+    "MoreActions": "Azioni aggiuntive",
+    "FullDescription": "Descrizione completa",
+    "NoFullDescription": "Nessuna descrizione completa",
+    "EnableDiffMode": "Modalità di confronto",
+    "AddColumnBefore": "Aggiungi colonna prima",
+    "AddColumnAfter": "Aggiungi colonna dopo",
+    "DeleteColumn": "Elimina colonna",
+    "AddRowBefore": "Aggiungi riga prima",
+    "AddRowAfter": "Aggiungi riga dopo",
+    "DeleteRow": "Elimina riga",
+    "DeleteTable": "Elimina tabella",
+    "MergeCells": "Unisci celle",
+    "SplitCells": "Dividere le celle",
+    "Duplicate": "Duplicato",
+    "CategoryRow": "Righe",
+    "CategoryColumn": "Colonne",
+    "CategoryCell": "Celle",
+    "Table": "Tabella",
+    "InsertTable": "Inserisci tabella",
+    "TableOptions": "Personalizza la tabella",
+    "SelectTable": "Seleziona tabella",
+    "Width": "Larghezza",
+    "Height": "Altezza",
+    "Unset": "Non impostato",
+    "Image": "Immagine",
+    "SeparatorLine": "Linea di separazione",
+    "TodoList": "Elenco delle cose da fare",
+    "DrawingBoard": "Tavolo da disegno",
+    "MermaidDiargram": "Grafico",
+    "Comment": "Commento",
+    "AddComment": "Aggiungi commento",
+    "AddCommentPlaceholder": "Aggiungi un commento...",
+    "SetCellHighlightColor": "Cambia il colore delle celle",
+    "SetTextColor": "Cambia il colore del testo"
+  }
+}

plugins/text-editor-resources/src/components/MentionList.svelte

@@ -144,7 +144,7 @@
       position: fixed;
       left: var(--spacing-1);
       width: calc(100vw - var(--spacing-1) * 2);
-      height: 10rem;
+      max-height: calc(100svh - 2rem);
     }
   }
 </style>