Action menu updates, ionicons minimal

app/assets/stylesheets/app/_extensions.scss

@@ -1,97 +0,0 @@
-.extension-render-modal {
-  position: fixed;
-  margin-left: auto;
-  margin-right: auto;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 10000;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(gray, 0.3);
-  color: black;
-
-  .content {
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-    background-color: white;
-    width: 700px;
-    height: 500px;
-    margin: auto;
-    padding: 25px;
-    position: absolute;
-    top: 0; left: 0; bottom: 0; right: 0;
-    overflow-y: scroll;
-  }
-}
-
-#global-ext-menu {
-  color: black;
-  .panel-body {
-    padding: 0;
-  }
-
-  .container {
-    padding: 13px 18px;
-
-    &.no-bottom {
-      padding-bottom: 0;
-    }
-  }
-
-  p {
-    font-size: 14px;
-
-    &.small {
-      font-size: 12px;
-    }
-  }
-
-  .link-group {
-    a {
-      margin-right: 2px;
-    }
-  }
-
-  .dashboard-link {
-    padding-top: 12px;
-    font-weight: normal;
-  }
-
-  .section-margin {
-    margin-top: 20px;
-  }
-
-  input {
-    border: 1px solid $blue-color;
-    border-radius: 2px;
-  }
-
-  .header {
-    padding-bottom: 12px;
-  }
-
-  ul {
-    border-top: 1px solid $light-bg-color;
-    border-bottom: 1px solid $light-bg-color;
-    margin: 0;
-    padding: 0;
-
-    li {
-      cursor: pointer;
-      background-color: rgba($light-bg-color, 0.2);
-      &:hover {
-        background-color: rgba($light-bg-color, 0.4);
-      }
-      &:not(:last-child) {
-        border-bottom: 1px solid $light-bg-color;
-      }
-    }
-  }
-
-}
-
-ul {
-  margin: 0;
-  padding: 0;
-}

app/assets/stylesheets/app/_footer.scss

@@ -21,12 +21,6 @@
     z-index: 1000;
     margin-top: 15px;
     background-color: white;
-
-    .close-button {
-      &:hover {
-        text-decoration: none;
-      }
-    }
   }
 
 }
@@ -43,58 +37,8 @@ a.disabled {
   pointer-events: none;
 }
 
-
 .icon.ion-locked {
   margin-left: 5px;
   border-left: 1px solid gray;
   padding-left: 8px;
 }
-
-
-
-
-/* Global Ext Menu */
-
-.ext-section {
-
-  min-height: 50px;
-
-  h1 {
-    margin: 0;
-    padding: 0;
-    padding-top: 5px;
-  }
-
-  &.opened {
-    h1 {
-      padding-top: 0px;
-      // padding-bottom: 6px;
-    }
-  }
-}
-
-.room-iframe {
-  width: 100%;
-  height: 100%;
-}
-
-
-
-// .spinner {
-//   height: 10px;
-//   width: 10px;
-//   animation: rotate 0.8s infinite linear;
-//   border: 1px solid #515263;
-//   border-right-color: transparent;
-//   border-radius: 50%;
-//
-//   &.tinted {
-//     border: 1px solid $blue-color;
-//     border-right-color: transparent;
-//   }
-// }
-//
-// @keyframes rotate {
-//   0%    { transform: rotate(0deg); }
-//   100%  { transform: rotate(360deg); }
-// }

app/assets/stylesheets/app/_main.scss

@@ -22,7 +22,15 @@ body {
 }
 
 * {
-    box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.tinted {
+  color: $blue-color;
+}
+
+.tinted-selected {
+  color: white;
 }
 
 *:focus {outline:0;}
@@ -37,51 +45,6 @@ input, button, select, textarea {
   line-height: inherit;
 }
 
-.tinted {
-  color: $blue-color;
-}
-
-.tinted-selected {
-  color: white;
-}
-
-.tinted-box {
-  background-color: $blue-color;
-  color: white;
-  border-radius: 4px;
-  padding: 16px 20px;
-
-  button {
-   background-color: white;
-   color: $blue-color;
-   border-radius: 3px;
-   font-weight: bold;
-   padding: 6px 20px;
-   width: 100%;
-   &:hover {
-     text-decoration: underline;
-   }
-  }
-}
-
-.dark-button {
-  background-color: #2e2e2e;
-  border: 0;
-  padding: 6px 18px;
-  font-size: 16px;
-  cursor: pointer;
-  color: #fff;
-  border-radius: 2px;
-  border: 1px solid transparent;
-  -webkit-appearance: none;
-  -webkit-font-smoothing: antialiased;
-  -webkit-tap-highlight-color: transparent;
-
-  &:hover {
-    background-color: black;
-  }
-}
-
 a {
   color: $blue-color;
   text-decoration: none;
@@ -120,21 +83,6 @@ $footer-height: 32px;
   overflow: hidden;
   position: relative;
 
-  .light-button {
-    background-color: $bg-color;
-    font-weight: bold;
-    color: $main-text-color;
-    font-size: 16px;
-    text-align: center;
-    height: 35px;
-    border-radius: 4px;
-    padding-top: 6px;
-
-    &:hover {
-      background-color: #cdcdcd;
-    }
-  }
-
   panel-resizer {
     top: 0;
     right: 0;

app/assets/stylesheets/app/_menus.scss

@@ -5,19 +5,16 @@
 }
 
 .dropdown-menu {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    min-width: 160px;
-    z-index: 100;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  float: left;
+  min-width: 160px;
+  z-index: 100;
 
-    margin-top: 5px;
-
-    width: 280px;
-
-    max-height: calc(85vh - 90px);
-
-    background-color: white;
-    color: $selected-text-color;
+  margin-top: 5px;
+  width: 280px;
+  max-height: calc(85vh - 90px);
+  background-color: white;
+  color: $selected-text-color;
 }

app/assets/stylesheets/app/_modals.scss

@@ -37,6 +37,20 @@
   align-items: center;
   justify-content: center;
 
+  .sn-component {
+    height: 100%;
+    .panel {
+      height: 100%;
+    }
+  }
+
+  &.medium {
+    > .content {
+      width: 700px;
+      height: 500px;
+    }
+  }
+
   .background {
     position: absolute;
     z-index: -1;

app/assets/stylesheets/app/_standard.scss

@@ -1,48 +0,0 @@
-.mt-5 {
-  margin-top: 5px !important;
-}
-
-.mt-10 {
-  margin-top: 10px !important;
-}
-
-.faded {
-  opacity: 0.5;
-}
-
-.center-align {
-  text-align: center !important;
-}
-
-.block {
-  display: block !important;
-}
-
-.wrap {
-  word-wrap: break-word;
-  word-break: break-all;
-}
-
-.medium-padding {
-  padding: 10px !important;
-}
-
-.red {
-  color: red !important;
-}
-
-.bold {
-  font-weight: bold !important;
-}
-
-.normal {
-  font-weight: normal !important;
-}
-
-.small {
-  font-size: 10px;
-}
-
-.medium {
-  font-size: 14px !important;
-}

app/assets/stylesheets/app/_stylekit-sub.scss

@@ -1,6 +1,18 @@
+.sn-component {
+
+}
+
 .panel {
   color: black;
 
+  .header {
+    .close-button {
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+
   input {
     min-height: 39px;
   }

app/assets/stylesheets/app/_ui.scss

@@ -56,3 +56,57 @@ $screen-md-max:              ($screen-lg-min - 1) !default;
     @content;
   }
 }
+
+.selectable {
+  user-select: text !important;
+  cursor: text;
+}
+
+.mt-5 {
+  margin-top: 5px !important;
+}
+
+.mt-10 {
+  margin-top: 10px !important;
+}
+
+.faded {
+  opacity: 0.5;
+}
+
+.center-align {
+  text-align: center !important;
+}
+
+.block {
+  display: block !important;
+}
+
+.wrap {
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
+.medium-padding {
+  padding: 10px !important;
+}
+
+.red {
+  color: red !important;
+}
+
+.bold {
+  font-weight: bold !important;
+}
+
+.normal {
+  font-weight: normal !important;
+}
+
+.small {
+  font-size: 10px;
+}
+
+.medium {
+  font-size: 14px !important;
+}

app/assets/stylesheets/frontend.css.scss

@@ -1,13 +1,9 @@
-$dark-gray: #2e2e2e;
-
-@import "app/standard";
 @import "app/main";
 @import "app/ui";
 @import "app/footer";
 @import "app/tags";
 @import "app/notes";
 @import "app/editor";
-@import "app/extensions";
 @import "app/menus";
 @import "app/modals";
 @import "app/lock-screen";