Merge pull request #526 from pixelfed/frontend-ui-refactor

Update compiled assets

resources/assets/js/bootstrap.js

@@ -33,10 +33,15 @@ try {
     //     require('./components/CirclePanel.vue')
     // );
 
-    Vue.component(
+    // Vue.component(
-        'post-comments',
+    //     'post-presenter',
-        require('./components/PostComments.vue')
+    //     require('./components/PostPresenter.vue')
-    );
+    // );
+
+    // Vue.component(
+    //     'post-comments',
+    //     require('./components/PostComments.vue')
+    // );
 
     Vue.component(
         'passport-clients',

resources/assets/sass/custom.scss

@@ -345,3 +345,52 @@ details summary::-webkit-details-marker {
 .border-left-blue {
   border-left: 3px solid #10c5f8;
 }
+
+.b-dropdown {
+  padding:0 !important;
+}
+
+.b-dropdown > button {
+  padding:0 !important;
+}
+
+.lds-ring {
+  display: inline-block;
+  position: relative;
+  width: 64px;
+  height: 64px;
+}
+
+.lds-ring div {
+  box-sizing: border-box;
+  display: block;
+  position: absolute;
+  width: 51px;
+  height: 51px;
+  margin: 6px;
+  border: 6px solid #6c757d;
+  border-radius: 50%;
+  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  border-color: #6c757d transparent transparent transparent;
+}
+
+.lds-ring div:nth-child(1) {
+  animation-delay: -0.45s;
+}
+
+.lds-ring div:nth-child(2) {
+  animation-delay: -0.3s;
+}
+
+.lds-ring div:nth-child(3) {
+  animation-delay: -0.15s;
+}
+
+@keyframes lds-ring {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}