Fix tags row menu positioning in mobile devices

Author: acelaya

CHANGELOG.md

@@ -4,6 +4,23 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org).
 
+## [Unreleased]
+### Added
+* *Nothing*
+
+### Changed
+* *Nothing*
+
+### Deprecated
+* *Nothing*
+
+### Removed
+* *Nothing*
+
+### Fixed
+* Fix tags row menu positioning in mobile devices.
+
+
 ## [0.14.3] - 2025-06-16
 ### Added
 * *Nothing*

Dockerfile

@@ -1,4 +1,4 @@
-FROM mcr.microsoft.com/playwright:v1.52.0-noble
+FROM mcr.microsoft.com/playwright:v1.53.0-noble
 
 ENV NODE_VERSION 22.15
 ENV TINI_VERSION v0.19.0

dev/tailwind.css

@@ -2,3 +2,10 @@
 @source '../node_modules/@shlinkio/shlink-frontend-kit';
 @import '@shlinkio/shlink-frontend-kit/tailwind.preset.css';
 @import '../src/tailwind.preset.css';
+
+@layer base {
+    :root {
+        /* Temp alias fo header-height to tw-header-height, so that shlink-web-component uses the right value  */
+        --header-height: var(--tw-header-height);
+    }
+}

package-lock.json

@@ -46,7 +46,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@reduxjs/toolkit": "^2.5.0",
-    "@shlinkio/shlink-frontend-kit": "^0.9.11",
+    "@shlinkio/shlink-frontend-kit": "^0.9.13",
     "@shlinkio/shlink-js-sdk": "^2.0.0",
     "react": "^18.3 || ^19.0",
     "react-dom": "^18.3 || ^19.0",

package.json

@@ -48,7 +48,7 @@ const TagsTableRow: FCWithDeps<TagsTableRowProps, TagsTableRowDeps> = ({ tag })
           {formatNumber(tag.visits)}
         </Link>
       </Table.Cell>
-      <Table.Cell className="tw:lg:text-right tw:max-lg:absolute tw:max-lg:top-[-19px] tw:max-lg:right-0 tw:max-lg:p-0">
+      <Table.Cell className="tw:lg:text-right tw:max-lg:absolute tw:max-lg:top-1.25 tw:max-lg:right-0 tw:max-lg:p-0">
         <RowDropdown menuAlignment="right">
           <RowDropdown.Item onClick={openEdit} className="tw:gap-1.5">
             <FontAwesomeIcon icon={editIcon} fixedWidth /> Edit