Add translation popup window

Author: krlade

translations-popup-window/screenshot.png

@@ -0,0 +1,6 @@
+.messagebubble {
+  background: alpha(currentColor, 0.08);
+  margin: 8px;
+  border-radius: 15px;
+  padding: 6px 9px;
+}

translations-popup-window/style.css

@@ -0,0 +1,46 @@
+using Gtk 4.0;
+using Adw 1;
+
+Adw.Window window {
+  default-width: 360;
+  modal: true;
+  content: Box {
+    orientation: vertical;
+    baseline-position: top;
+    HeaderBar {
+      styles ["flat"]
+      title-widget: Box {
+        styles ["translate"]
+        baseline-position: top;
+        spacing: 4;
+        Label {
+          use-markup: true;
+          label: "<b>Translate</b>";
+        }
+        Label {
+            use-markup: true;
+            label: "<b>English</b>";
+          }
+        Image {
+          icon-name: "arrow1-right-symbolic";
+        }
+        Button {
+          styles ["image-button"]
+          label: "English";
+        }
+      };
+    }
+    Label {
+      label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n Quis viverra nibh cras pulvinar mattis nunc. Dui ut ornare lectus sit amet est placerat in egestas. Cursus sit amet dictum sit amet justo.";
+      styles ["messagebubble"]
+      wrap: true;
+      wrap-mode: word_char;
+    }
+    Label {
+      label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n Quis viverra nibh cras pulvinar mattis nunc. Dui ut ornare lectus sit amet est placerat in egestas. Cursus sit amet dictum sit amet justo.";
+      wrap: true;
+      wrap-mode: word_char;
+      styles ["messagebubble"]
+    }
+  };
+}