From 61dedeb71178474e33141df3d767aa5c92dee29f Mon Sep 17 00:00:00 2001
From: Klaus Quibeldey-Cirkel <klaus-dieter.quibeldey-cirkel@mni.thm.de>
Date: Thu, 22 Jul 2021 18:12:16 +0200
Subject: [PATCH] optimize counter for online users
---
.../active-user/active-user.component.scss | 23 +++++++------------
src/theme/light-theme/light-theme.ts | 2 +-
2 files changed, 9 insertions(+), 16 deletions(-)
diff --git a/src/app/components/shared/overlay/active-user/active-user.component.scss b/src/app/components/shared/overlay/active-user/active-user.component.scss
index 4a52387e4..670fae609 100644
--- a/src/app/components/shared/overlay/active-user/active-user.component.scss
+++ b/src/app/components/shared/overlay/active-user/active-user.component.scss
@@ -12,21 +12,14 @@
position: absolute;
.activityIconForegroundText {
- width: 35px;
- height: auto;
- float: left;
- padding: 3px;
- margin: 0;
- text-align: center;
- position: absolute;
+ position: relative;
font-family: 'Roboto', sans-serif;
- font-size: 18px;
- font-weight: normal;
- right: -35px;
- top: 0;
- background-color: var(--primary);
- color: var(--on-primary);
- border-radius: 100%;
+ font-size: 24px;
+ font-weight: bold;
+ box-shadow: none !important;
+ right: -75px;
+ background-color: transparent !important;
+ color: var(--green) !important;
animation:popin-shadow 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
}
}
@@ -34,7 +27,7 @@
width: 100%;
height: 100%;
position: absolute;
- background-color:var(--on-background);
+ background-color:var(--green) !important;
-webkit-mask-image: url("../../../../../assets/icons/activity.svg");
mask-image: url("../../../../../assets/icons/activity.svg");
mask-repeat: no-repeat;
diff --git a/src/theme/light-theme/light-theme.ts b/src/theme/light-theme/light-theme.ts
index cd1c580a4..ff4fc59f6 100644
--- a/src/theme/light-theme/light-theme.ts
+++ b/src/theme/light-theme/light-theme.ts
@@ -20,7 +20,7 @@ export const arsnova = {
'--on-dialog': '#000000',
'--on-cancel': '#ffffff',
- '--green': '#00FF00',
+ '--green': 'green',
'--red': 'red',
'--white': '#ffffff',
'--yellow': 'red',
--
GitLab