Refactor VersionCheck and VersionCheckChangelog components to update …

…positioning of the "read more" text and adjust margins
withstudiocms · Dec 22, 2024 · 9221a65 · 9221a65
1 parent 21ac4d5
commit 9221a65
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/studiocms_dashboard/src/components/islands/sidebar/VersionCheck.astro b/packages/studiocms_dashboard/src/components/islands/sidebar/VersionCheck.astro
@@ -163,6 +163,7 @@ const status = comparison === -1 ? 'outdated' : comparison === 0 ? 'latest' : 'f
 
         .read-more-text:hover {
             color: hsl(var(--primary-base));
+            text-decoration: underline;
         }
 
         a {

diff --git a/packages/studiocms_dashboard/src/components/islands/sidebar/VersionCheckChangelog.astro b/packages/studiocms_dashboard/src/components/islands/sidebar/VersionCheckChangelog.astro
@@ -36,8 +36,8 @@ const { link } = Astro.props;
                 const frameButton = document.createElement('button');
                 frameButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 18L18 6M6 6l12 12"></path></svg>';
                 frameButton.style.position = 'absolute';
-                frameButton.style.top = '1rem';
-                frameButton.style.right = '1rem';
+                frameButton.style.top = '1.5rem';
+                frameButton.style.right = '1.5rem';
                 frameButton.style.backgroundColor = 'transparent';
                 frameButton.style.border = 'none';
                 frameButton.style.cursor = 'pointer';
-Original file line number
+Diff line change
@@ Expand Up @@
             .read-more-text:hover {
                 color: hsl(var(--primary-base));
+                text-decoration: underline;
             }
             a {
@@ Expand Down @@