wall entry footer & compiled for 1.17.0

cuzy-app · Jan 13, 2025 · 64042f7 · 64042f7
1 parent 01f93d7
commit 64042f7
Show file tree

Hide file tree

Showing 4 changed files with 90 additions and 48 deletions.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -4,6 +4,9 @@ Changelog
 Unreleased (wait for DeviceDetectorHelper::getBodyClasses() to be available)
 --------------------
 - Enh: Add body classes from the new `DeviceDetectorHelper` in 1.17
+- Enh: Change color of wall entry footer links (comment and like icons) to "Link" color
+- Enh: Remplace wall entry footer calendar links to icons
+- Chg: CSS compiled for HumHub 1.17.0
 
 2.2.0 (November 26, 2024)
 --------------------

diff --git a/themes/Clean/css/theme.css b/themes/Clean/css/theme.css
diff --git a/themes/Clean/css/theme.css.map b/themes/Clean/css/theme.css.map
diff --git a/themes/Clean/less/humhub/stream.less b/themes/Clean/less/humhub/stream.less
@@ -1,66 +1,105 @@
 .wall-entry [data-ui-richtext] {
-  h1 {
-    font-size: var(--hh-ct-h1-stream-font-size);
-  }
+    h1 {
+        font-size: var(--hh-ct-h1-stream-font-size);
+    }
 
-  h2 {
-    font-size: var(--hh-ct-h2-stream-font-size);
-  }
+    h2 {
+        font-size: var(--hh-ct-h2-stream-font-size);
+    }
 }
 
+.wall-entry-controls {
+    a {
+        color: var(--link);
+    }
 
-// Replace the Comment text with an icon
-.wall-entry-controls a[data-action-click="comment.toggleComment"] {
-    font-size: 0;
+    // Replace the Comment text with an icon
+    a[data-action-click="comment.toggleComment"] {
+        font-size: 0;
 
-    .comment-count {
-        font-size: 11px;
-    }
+        .comment-count {
+            font-size: 11px;
+        }
 
-    &:before {
-        font: normal normal normal 14px/1 FontAwesome;
-        -webkit-font-smoothing: antialiased;
-        font-size: 18px;
-        content: "\f0e5"; // https://fontawesome.com/v4/icon/comment-o
-        display: inline-block;
+        &:before {
+            font: normal normal normal 14px/1 FontAwesome;
+            -webkit-font-smoothing: antialiased;
+            font-size: 18px;
+            content: "\f0e5"; // https://fontawesome.com/v4/icon/comment-o
+            display: inline-block;
+        }
     }
-}
 
-// Replace the Like text with an icon
-.wall-entry-controls a[data-action-click="like.toggleLike"] {
-    font-size: 0;
+    // Replace the Like text with an icon
+    a[data-action-click="like.toggleLike"] {
+        font-size: 0;
 
-    .comment-count {
-        font-size: 11px;
-    }
+        .comment-count {
+            font-size: 11px;
+        }
+
+        &:before {
+            font: normal normal normal 14px/1 FontAwesome;
+            -webkit-font-smoothing: antialiased;
+            font-size: 18px;
+            content: "\f087"; // https://fontawesome.com/v4/icon/thumbs-o-up
+            display: inline-block;
+            margin-right: 3px;
+        }
 
-    &:before {
-        font: normal normal normal 14px/1 FontAwesome;
-        -webkit-font-smoothing: antialiased;
-        font-size: 18px;
-        content: "\f087"; // https://fontawesome.com/v4/icon/thumbs-o-up
-        display: inline-block;
-        margin-right: 3px;
+        &.unlike:before {
+            content: "\f164"; // https://fontawesome.com/v4/icon/thumbs-up
+        }
     }
 
-    &.unlike:before {
-        content: "\f164"; // https://fontawesome.com/v4/icon/thumbs-up
+    // Replace the Calendar Event text with an icon
+    a[data-action-click="comment.toggleComment"] {
+        font-size: 0;
+
+        .comment-count {
+            font-size: 11px;
+        }
+
+        &:before {
+            font: normal normal normal 14px/1 FontAwesome;
+            -webkit-font-smoothing: antialiased;
+            font-size: 18px;
+            content: "\f0e5"; // https://fontawesome.com/v4/icon/comment-o
+            display: inline-block;
+        }
     }
-}
 
-// Replace the Calendar Event text with an icon
-.wall-entry-controls a[data-action-click="comment.toggleComment"] {
-    font-size: 0;
+    // Replace the Calendar Event text with an icon
+    span.calendar-entry-ics-download a {
+        font-size: 0;
 
-    .comment-count {
-        font-size: 11px;
+        .comment-count {
+            font-size: 11px;
+        }
+
+        &:before {
+            font: normal normal normal 14px/1 FontAwesome;
+            -webkit-font-smoothing: antialiased;
+            font-size: 18px;
+            content: "\f271"; // https://fontawesome.com/v4/icon/calendar-plus-o
+            display: inline-block;
+        }
     }
 
-    &:before {
-        font: normal normal normal 14px/1 FontAwesome;
-        -webkit-font-smoothing: antialiased;
-        font-size: 18px;
-        content: "\f0e5"; // https://fontawesome.com/v4/icon/comment-o
-        display: inline-block;
+    // Replace the Calendar Event text with an icon
+    span.calendar-entry-reminder a {
+        font-size: 0;
+
+        .comment-count {
+            font-size: 11px;
+        }
+
+        &:before {
+            font: normal normal normal 14px/1 FontAwesome;
+            -webkit-font-smoothing: antialiased;
+            font-size: 18px;
+            content: "\f0a2"; // https://fontawesome.com/v4/icon/bell-o
+            display: inline-block;
+        }
     }
 }