add more info to getUsers, move admin.html css to scss files

more deatils included in getUsers response in prep for feature request #5. bs4 and bs5 css are now compiled instead of being copied.
2020-09-16 21:42:22 +01:00
parent 7d84fdec96
commit a8b4842895
12 changed files with 174 additions and 126 deletions
@@ -0,0 +1,96 @@
+.pageContainer {
+    margin: 5% 20% 5% 20%;
+}
+@media (max-width: 1100px) {
+    .pageContainer {
+        margin: 2%;
+    }
+}
+h1 {
+    /*margin: 20%;*/
+    margin-bottom: 5%;
+}
+.linkGroup {
+    /*margin: 20%;*/
+    margin-bottom: 5%;
+    margin-top: 5%;
+}
+.linkForm {
+    /*margin: 20%;*/
+    margin-top: 5%;
+    margin-bottom: 5%;
+}
+.contactBox {
+    /*margin: 20%;*/
+    margin-top: 5%;
+    color: grey;
+}
+.circle {
+    /*margin-left: 1rem;
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    z-index: 5000;*/
+-webkit-transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
+-moz-transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ -o-transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
+    transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */
+}
+.smooth-transition {
+-webkit-transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
+-moz-transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ -o-transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
+    transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeincubic */
+}
+.rotated {
+    transform: rotate(180deg);
+-webkit-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
+-moz-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
+ -o-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
+    transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
+}
+
+.not-rotated {
+    transform: rotate(0deg);
+-webkit-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
+-moz-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
+ -o-transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
+    transition: all 150ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
+}
+
+.invite-link {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    width: auto;
+}
+
+.settingIcon {
+    margin-left: 0.2rem;
+}
+
+body.modal-open {
+    overflow: hidden;
+}
+
+@mixin scut-link-unstyled {
+  &, &:visited, &:hover, &:active {
+    font-style: inherit;
+    color: inherit;
+    background-color: transparent;
+    font-size: inherit;
+    text-decoration: none;
+    font-variant: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    font-family: inherit;
+  }
+}
+
+%scut-link-unstyled {
+    @include scut-link-unstyled;
+}
+
+.text-button {
+    @extend %scut-link-unstyled;
+}