diff --git a/client/src/App.vue b/client/src/App.vue
index 6dd2dd3..091df57 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -200,6 +200,11 @@ export default {
this.blockUntilNextRequest = true
})
+ //Track users active sessions
+ this.$io.on('update_active_user_count', countData => {
+ this.$store.commit('setActiveSessions', countData)
+ })
+
},
computed: {
loggedIn () {
diff --git a/client/src/assets/semantic-helper.css b/client/src/assets/semantic-helper.css
index 37b5c88..c8abbee 100644
--- a/client/src/assets/semantic-helper.css
+++ b/client/src/assets/semantic-helper.css
@@ -330,9 +330,14 @@ i.green.icon.icon.icon.icon {
background-color: rgba(255, 255, 255, 0.2);
}
+ .note-card-text code,
+ .squire-box code,
.note-card-text pre,
.squire-box pre {
/*word-wrap: break-word;*/
+ display: inline-block;
+ border-left: 2px solid var(--main-accent);
+ padding-left: 15px;
}
.note-card-text p,
.squire-box p {
@@ -880,6 +885,14 @@ i.green.icon.icon.icon.icon {
-webkit-transform-origin: left center;
transform-origin: left center;
}
+@media only screen and (max-width: 740px) {
+ /*hide tooltips on mobile*/
+ [data-tooltip]:hover:before,
+ [data-tooltip]:hover:after {
+ visibility: visible;
+ opacity: 0;
+ }
+}
.glint:after {
diff --git a/client/src/components/ColorPicker.vue b/client/src/components/ColorPicker.vue
index 612af09..3281d0f 100644
--- a/client/src/components/ColorPicker.vue
+++ b/client/src/components/ColorPicker.vue
@@ -154,16 +154,20 @@
@@ -170,7 +178,6 @@
-
-