#124 jsxc: fix load more messages button in chat window

mwalbeck · May 2, 2020 · 54941e8 · 54941e8
1 parent 822f3ef
commit 54941e8
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@
 ### Fixed
 - [#113](https://github.com/mwalbeck/nextcloud-breeze-dark/issues/113) jsxc: Fix colour of icons in hamburger menu
 - [#113](https://github.com/mwalbeck/nextcloud-breeze-dark/issues/113) jsxc: Fix background colour for readonly input in settings
+- [#124](https://github.com/mwalbeck/nextcloud-breeze-dark/issues/124) jsxc: Fix load more messages button in chat window
 
 ## 18.0.13 - 2020-04-26
 ### Fixed

diff --git a/css/apps/thirdparty/_ojsxc.scss b/css/apps/thirdparty/_ojsxc.scss
@@ -219,6 +219,28 @@
             }
         }
     }
+
+    .jsxc-mam-load-more span {
+        background-color: var(--color-main-background);
+        border: 1px solid var(--color-border);
+        border-radius: 16px;
+        opacity: 0.7;
+
+        &:hover {
+            background-color: var(--color-background-hover);
+            border-color: var(--color-border-active);
+            color: var(--color-text-active);
+            opacity: 1;
+        }
+
+        &:focus,
+        &:active {
+            background-color: var(--color-primary-element);
+            border-color: var(--color-border-active);
+            color: var(--color-text-active);
+            opacity: 1;
+        }
+    }
 }
 
 .app-settings #ojsxc-admin.ojsxc {