quicklinks@NotSirius-A: Version 1.2 (#1592)

Author: NotSirius-A

quicklinks@NotSirius-A/README.md

@@ -18,18 +18,20 @@ This desklet was designed to help clean up desktops with lots of icons and impro
 
 You can customize this desklet to your taste. Choose from two layouts a list or tiles; change fonts, and icons or remove them entirely. You can use transparency or have solid colors, perhaps make the buttons large or compact. Check out the different options.
 
-### What can be improved?
+### Tips
 
-* This desklet could use more translations. I might add a Polish translation myself in the future.
+- You can add multiple desklets by clicking the "+" icons in your desklet manager.
+- You can backup your desklets by going to the settings. There you should find an icon in the top right corner. Select the `Export to a file` option or import to load your backup.
+- You can add a transparent border to your link to make them look bigger.
+- When you disable desklet decorations you can still grab the desklet by the invisible border around it.
 
-* Improve font parsing.
+### What can be improved?
 
-* More visual customizations could be added.
+* Improve font parsing.
 
 * Unfortunately, the xlet settings API at this moment doesn't support `iconfilechooser` within `list` setting, so icons have to be typed in by name, which is somewhat annoying.
 
 
-
 ### Remarks
 
 @schorschii thank You for your notes@schorschii desklet. I've used it as a template for this desklet (I also use it on my PC). Also, thanks to the other desklet authors I've used some of your code as a reference.

quicklinks@NotSirius-A/files/quicklinks@NotSirius-A/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+
+## [1.2] - 14.10.2025
+
+### Added
+
+- Added new border styling + settings
+- Added new spacing styling + settings
+- Option to disable tooltips
+- Invisible padding without desklet decorations to make it easier to grab
+
+### Changed
+
+- Some default settings
+- Some setting names/positions
+- Decreased link padding slightly in `stylesheet.css`
+
+### Fixed
+
+- Incorrect width scaling width different display scales
+
+
 ## [1.1] - 16.06.2025
 
 ### Added

quicklinks@NotSirius-A/files/quicklinks@NotSirius-A/desklet.js

@@ -49,8 +49,12 @@ MyDesklet.prototype = {
 		this.settings.bindProperty(Settings.BindingDirection.IN, "desklet-layout", "deskletLayout", this.on_setting_changed);
 		this.settings.bindProperty(Settings.BindingDirection.IN, "text-align", "textAlign", this.on_setting_changed);
 		this.settings.bindProperty(Settings.BindingDirection.IN, "column-number", "numOfColumns", this.on_setting_changed);
+		this.settings.bindProperty(Settings.BindingDirection.IN, "row-spacing", "rowSpacing", this.on_setting_changed);
+		this.settings.bindProperty(Settings.BindingDirection.IN, "column-spacing", "columnSpacing", this.on_setting_changed);
 		this.settings.bindProperty(Settings.BindingDirection.IN, "transparent-bg", "isTransparentBg", this.on_setting_changed);
 		this.settings.bindProperty(Settings.BindingDirection.IN, "bg-color", "customBgColor", this.on_setting_changed);
+		this.settings.bindProperty(Settings.BindingDirection.IN, "link-border-width", "linkBorderWidth", this.on_setting_changed);
+		this.settings.bindProperty(Settings.BindingDirection.IN, "link-border-color", "linkBorderColor", this.on_setting_changed);
 		this.settings.bindProperty(Settings.BindingDirection.IN, "icon-size", "iconSize", this.on_setting_changed);
 		this.settings.bindProperty(Settings.BindingDirection.IN, "font", "fontRaw", this.on_setting_changed);
 		this.settings.bindProperty(Settings.BindingDirection.IN, "font-bold", "fontBold", this.on_setting_changed);
@@ -63,6 +67,7 @@ MyDesklet.prototype = {
 		this.settings.bindProperty(Settings.BindingDirection.IN, "links-list", "linksList", ()=>{});
 		this.settings.bindProperty(Settings.BindingDirection.IN, "click-type", "clickType", this.on_setting_changed);
 		this.settings.bindProperty(Settings.BindingDirection.IN, "click-timeout", "clickTimeout", this.on_setting_changed);
+		this.settings.bindProperty(Settings.BindingDirection.IN, "are-tooltips-enabled", "areTooltipsEnabled", this.on_setting_changed);
 
 		// List settings type seems to be a bit buggy
 		// Using a callback on list type settings seems to trigger multiple refreshes when changing ANY settings 
@@ -153,19 +158,23 @@ MyDesklet.prototype = {
 	* Renders entire GUI except for decorations
 	*/
 	renderGUI: function() {
-		const default_link_width = 95;
-		const default_row_spacing = 5;
-		const default_column_spacing = 5;
+        const desktop_settings = new Gio.Settings({ schema_id: "org.cinnamon.desktop.interface" });
+        this.text_scale = desktop_settings.get_double("text-scaling-factor");
+
+		this.font["size"] = this.font["size"] * this.text_scale;
+
+		// For some reason the border is inside the element not outside like normal CSS?? So border needs to be taken into account here
+		const default_link_width = 80 + this.linkBorderWidth*12;
 
 		// Calculate new sizes based on scale and layout
 		// Multipliers are based on experimentation with what looks good 
 		const width_scale = (this.deskletLayout === "tile")? 0.7 : 1
 		this.scale = this.scaleSize * global.ui_scale * width_scale;
-		this.link_width = default_link_width * this.scale;
+		this.link_width = default_link_width * this.scale * this.text_scale;
 
 		const spacing_scale = (this.deskletLayout === "tile")? 2 : 1;
-		const link_row_spacing = default_row_spacing * this.scale * spacing_scale;
-		const link_column_spacing = default_column_spacing * this.scale * spacing_scale;
+		const link_row_spacing = this.rowSpacing * this.scale * spacing_scale;
+		const link_column_spacing = this.columnSpacing * this.scale * spacing_scale;
 
 		// Destroy root_el and its children to avoid creating multiple copies and orphaned elements.
 		if (this.root_el) {
@@ -181,6 +190,8 @@ MyDesklet.prototype = {
 		let container = new St.Group({style_class: "container " + this.deskletLayout}); 
 		this.root_el.add_child(container);
 
+		container.style = (this.showDecorations ? "padding: 0.2em;" : "padding: 1em;");
+
 		let links_grid = new Clutter.GridLayout(); 
 		links_grid.set_row_spacing(Math.round(link_row_spacing));
 		links_grid.set_column_spacing(Math.round(link_column_spacing));
@@ -212,13 +223,14 @@ MyDesklet.prototype = {
 
 
 		link_el.style = "font-family: '" + this.font["family"] + "';"
-							+ "font-size: " + this.font["size"] + "px;"
-							+ "color:" + this.customTextColor + ";"
-							+ "font-weight:" + (this.fontBold ? "bold" : "normal") + ";"
-							+ "font-style:" + (this.fontItalic ? "italic" : "normal") + ";"
-							+ "text-shadow:" + (this.textShadow ? "1px 1px 6px "+this.textShadowColor : "none") + ";"
-							+ "background-color:" + (this.isTransparentBg ? "unset" : this.customBgColor) + ";"
-							+ "text-align:" + this.textAlign + ";";
+						+ "font-size: " + this.font["size"] + "px;"
+						+ "color:" + this.customTextColor + ";"
+						+ "font-weight:" + (this.fontBold ? "bold" : "normal") + ";"
+						+ "font-style:" + (this.fontItalic ? "italic" : "normal") + ";"
+						+ "text-shadow:" + (this.textShadow ? "1px 1px 6px "+this.textShadowColor : "none") + ";"
+						+ "background-color:" + (this.isTransparentBg ? "unset" : this.customBgColor) + ";"
+						+ "text-align:" + this.textAlign + ";"
+						+ "border: solid " + this.linkBorderWidth + "px " + this.linkBorderColor + ";";
 
 
 		const row = link_index%this.numOfColumns;
@@ -253,7 +265,7 @@ MyDesklet.prototype = {
 			if (this.deskletLayout === "tile") {
 				label_width = Math.round(this.link_width * 0.92);
 			} else {
-				label_width = Math.round(this.link_width - this.iconSize*2.3 - this.font["size"] * 1.5)
+				label_width = Math.round(this.link_width - global.ui_scale * (this.iconSize*1.1 + this.font["size"]*1.15 + 5))
 				label_width = Math.max(label_width, 0);
 			}
 			link_label.set_width(label_width);
@@ -283,10 +295,11 @@ MyDesklet.prototype = {
 			this.onLinkClick(link_index);
 		}));
 
-		
-		// Add command to tooltip - display command when hovering over link element
-		const command_line = link_data["command"];
-		new Tooltips.Tooltip(link_el, command_line);
+		if (this.areTooltipsEnabled) {
+			// Add command to tooltip - display command when hovering over link element
+			const command_line = link_data["command"];
+			new Tooltips.Tooltip(link_el, command_line);
+		}
 	},
 
 	/**

quicklinks@NotSirius-A/files/quicklinks@NotSirius-A/metadata.json

@@ -2,7 +2,7 @@
     "max-instances": "10",
     "description": "Customizable quick links panel. Allows you to create beautiful themed desktop shortcuts for your most used folders/commands.",
     "name": "Quick Links",
-    "version": "1.1",
+    "version": "1.2",
     "uuid": "quicklinks@NotSirius-A",
     "author": "NotSirius-A"
 }

quicklinks@NotSirius-A/files/quicklinks@NotSirius-A/po/quicklinks@NotSirius-A.pot

@@ -5,10 +5,10 @@
 #, fuzzy
 msgid ""
 msgstr ""
-"Project-Id-Version: quicklinks@NotSirius-A 1.1\n"
+"Project-Id-Version: quicklinks@NotSirius-A 1.2\n"
 "Report-Msgid-Bugs-To: https://github.com/linuxmint/cinnamon-spices-desklets/"
 "issues\n"
-"POT-Creation-Date: 2025-06-16 14:10+0200\n"
+"POT-Creation-Date: 2025-10-14 20:05+0200\n"
 "PO-Revision-Date: \n"
 "Last-Translator: \n"
 "Language-Team: \n"
@@ -17,7 +17,7 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#. desklet.js:130
+#. desklet.js:135
 msgid ""
 "No visible\n"
 "links found.\n"
@@ -28,7 +28,7 @@ msgid ""
 "then configure."
 msgstr ""
 
-#. desklet.js:344
+#. desklet.js:355
 msgid "Quick Links: Command parse error: "
 msgstr ""
 
@@ -46,8 +46,8 @@ msgstr ""
 msgid "Links"
 msgstr ""
 
-#. settings-schema.json->actions-page->title
-msgid "Actions"
+#. settings-schema.json->preferences-page->title
+msgid "Preferences"
 msgstr ""
 
 #. settings-schema.json->theme-page->title
@@ -62,8 +62,8 @@ msgstr ""
 msgid "Find icon names here"
 msgstr ""
 
-#. settings-schema.json->click-section->title
-msgid "Change how links are activated"
+#. settings-schema.json->general-section->title
+msgid "General"
 msgstr ""
 
 #. settings-schema.json->layout-section->title
@@ -207,6 +207,22 @@ msgstr ""
 msgid "Increase or decrease the number of columns on the layout."
 msgstr ""
 
+#. settings-schema.json->row-spacing->description
+msgid "Row spacing"
+msgstr ""
+
+#. settings-schema.json->row-spacing->tooltip
+msgid "Change how far apart are link rows."
+msgstr ""
+
+#. settings-schema.json->column-spacing->description
+msgid "Column spacing"
+msgstr ""
+
+#. settings-schema.json->column-spacing->tooltip
+msgid "Change how far apart are link columns."
+msgstr ""
+
 #. settings-schema.json->text-shadow->description
 msgid "Text shadow"
 msgstr ""
@@ -275,6 +291,24 @@ msgstr ""
 msgid "Set the text color of this desklet."
 msgstr ""
 
+#. settings-schema.json->link-border-width->description
+msgid "Border width (set to 0 to disable border)"
+msgstr ""
+
+#. settings-schema.json->link-border-width->tooltip
+msgid "Increase or decrease the link border width."
+msgstr ""
+
+#. settings-schema.json->link-border-color->description
+msgid "Border color"
+msgstr ""
+
+#. settings-schema.json->link-border-color->tooltip
+msgid ""
+"Set the link border color (Transparent border will add more padding to "
+"links)."
+msgstr ""
+
 #. settings-schema.json->scale-size->units
 msgid "scale factor"
 msgstr ""
@@ -304,3 +338,11 @@ msgid ""
 "Set your desklet header. Make sure desklet headers are enabled in system "
 "settings."
 msgstr ""
+
+#. settings-schema.json->are-tooltips-enabled->description
+msgid "Enable link tooltips"
+msgstr ""
+
+#. settings-schema.json->are-tooltips-enabled->tooltip
+msgid "Select if you want tooltips to show up when hovering over links."
+msgstr ""