Made the code view scrollable

README.md

@@ -57,7 +57,7 @@ This tool is currently WIP, but it already has a plenty of features and is very
 - [x] Customize palette colors
 - [x] Add custom CSS code
 - [ ] Normalize color variables to hexadecimal or `rgba(r, g, b, a)` format
-- [ ] Secure the code
+- [ ] Make the code more secure
 - [ ] Release on Flathub
 - [ ] Full theme preview
 - [ ] Customize GNOME Shell

meson.build

@@ -1,5 +1,5 @@
 project('adwcustomizer',
-          version: '0.0.24',
+          version: '0.0.25',
     meson_version: '>= 0.59.0',
   default_options: [ 'warning_level=2',
                      'werror=false',

src/adwcustomizer.gresource.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <gresources>
   <gresource prefix="/com/github/ArtyIF/AdwCustomizer">
+    <file>style.css</file>
     <file>settings_schema.json</file>
     <file>presets/adwaita.json</file>
     <file>presets/adwaita-dark.json</file>

src/style.css

@@ -0,0 +1,3 @@
+.custom-css-view {
+  padding: 12px;
+}

src/ui/custom_css_group.blp

@@ -3,7 +3,7 @@ using Adw 1;
 
 template AdwcustomizerCustomCSSGroup : Adw.PreferencesGroup {
   title: "Custom CSS";
-  description: "Changing this may break some programs. Keep in mind that Libadwaita was made so that applications could hardcode values like paddings and margins (like in case of the Custom CSS code field itself, which uses 12px margins on its sides). Only GTK 4 CSS will be previewed here.";
+  description: "Changing this may break some programs. Keep in mind that Libadwaita was made so that applications could hardcode values like paddings and margins (like in case of the Custom CSS code field itself, which uses 12px padding). Only GTK 4 CSS will be previewed here.";
 
   [header-suffix]
   DropDown app-type-dropdown {
@@ -12,13 +12,11 @@ template AdwcustomizerCustomCSSGroup : Adw.PreferencesGroup {
     notify => on_dropdown_notify();
   }
 
-  Adw.PreferencesRow {
-    activatable: false;
+  ScrolledWindow {
+    min-content-height: 500;
+    max-content-height: 500;
     TextView custom-css-text-view {
-      margin-top: 12;
-      margin-bottom: 12;
-      margin-start: 12;
-      margin-end: 12;
+      styles ["custom-css-view", "card"]
       monospace: true;
       buffer: TextBuffer {
         changed => on_custom_css_changed();