feat: improve styles on tag page and reformat

android-com-pl · Feb 5, 2024 · 143ab69 · 143ab69
1 parent a2c1f0c
commit 143ab69
Show file tree

Hide file tree

Showing 5 changed files with 148 additions and 49 deletions.
diff --git a/.prettierrc.json b/.prettierrc.json
diff --git a/js/package-lock.json b/js/package-lock.json
diff --git a/js/package.json b/js/package.json
@@ -4,10 +4,11 @@
   "prettier": "@flarum/prettier-config",
   "devDependencies": {
     "@flarum/prettier-config": "^1.0.0",
-    "@prettier/plugin-php": "^0.22.2",
     "flarum-tsconfig": "^1.0.2",
     "flarum-webpack-config": "^2.0.2",
+    "postcss": "^8.4.33",
     "prettier": "^3.2.5",
+    "prettier-plugin-css-order": "^2.0.1",
     "typescript": "^5.3.3",
     "typescript-coverage-report": "^0.8.0",
     "webpack": "^5.90.1",
@@ -16,8 +17,8 @@
   "scripts": {
     "dev": "webpack --mode development --watch",
     "build": "webpack --mode production",
-    "format": "prettier --write src",
-    "format-check": "prettier --check src",
+    "format": "prettier --write src ../less ../locale --plugin=prettier-plugin-css-order",
+    "format-check": "prettier --check src ../less ../locale --plugin=prettier-plugin-css-order",
     "analyze": "cross-env ANALYZER=true yarn run build",
     "clean-typings": "npx rimraf dist-typings && mkdir dist-typings",
     "build-typings": "yarn run clean-typings && ([ -e src/@types ] && cp -r src/@types dist-typings/@types || true) && tsc && yarn run post-build-typings",

diff --git a/less/forum.less b/less/forum.less
@@ -8,22 +8,25 @@
 
 .MyTags {
   p {
-    font-weight: 500;
     color: @muted-color;
+    font-weight: 500;
   }
 
   &__list {
     display: flex;
     flex-wrap: wrap;
     gap: 5px;
+    margin: 0;
+    padding: 0;
+    list-style: none;
   }
 
   @media @phone {
     padding: 15px 25px;
 
     p {
-      font-size: 16px;
       color: @text-color;
+      font-size: 16px;
     }
 
     &__list {
@@ -35,3 +38,15 @@
     }
   }
 }
+
+@media @desktop-up {
+  .TagsPage .sideNav .Dropdown-menu {
+    .MyTags {
+      padding-block: 8px;
+
+      &__label {
+        display: none;
+      }
+    }
+  }
+}
diff --git a/locale/en.yml b/locale/en.yml
@@ -1,9 +1,9 @@
 acpl-my-tags:
   admin:
     settings:
-      enable-placeholder: 'Enable placeholder text when the user is not following any tags'
+      enable-placeholder: "Enable placeholder text when the user is not following any tags"
 
   forum:
     index:
-      my_tags: 'My tags'
-      placeholder: 'You are not following any tags yet. <a>See tags</a>'
+      my_tags: "My tags"
+      placeholder: "You are not following any tags yet. <a>See tags</a>"