Seperate AddArtist, Artist. Refactor NavSearch, Artist Editor. Other

Misc UI Fixes
2026-04-25 22:36:59 -04:00 · 2017-05-28 01:01:20 -04:00
parent 775f96c865
commit 2baa1da4b6
102 changed files with 4382 additions and 61 deletions
@@ -0,0 +1,181 @@
+@import "../Shared/Styles/card.less";
+@import "../Shared/Styles/clickable.less";
+
+#add-artist-screen {
+  .existing-artist {
+
+    .card();
+    margin : 30px 0px;
+
+    .unmapped-folder-path {
+      padding: 20px;
+      margin-left : 0px;
+      font-weight : 100;
+      font-size   : 25px;
+      text-align  : center;
+    }
+
+    .new-artist-loadmore {
+      font-size      : 30px;
+      font-weight    : 300;
+      padding-top    : 10px;
+      padding-bottom : 10px;
+    }
+  }
+
+  .new-artist {
+    .search-item {
+      .card();
+      margin : 40px 0px;
+    }
+  }
+
+  .add-artist-search {
+    margin-top    : 20px;
+    margin-bottom : 20px;
+  }
+
+  .search-item {
+
+    padding-bottom : 20px;
+
+    .artist-title {
+      margin-top : 5px;
+
+      .labels {
+        margin-left : 10px;
+
+        .label {
+          font-size      : 12px;
+          vertical-align : middle;
+        }
+      }
+
+      .year {
+        font-style : italic;
+        color      : #aaaaaa;
+      }
+    }
+
+    .new-artist-overview {
+      overflow : hidden;
+      height   : 103px;
+
+      .overview-internal {
+        overflow : hidden;
+        height   : 80px;
+      }
+    }
+
+    .artist-poster {
+      min-width  : 138px;
+      min-height : 203px;
+      max-width  : 138px;
+      max-height : 203px;
+      margin     : 10px;
+    }
+
+    .album-poster {
+      min-width  : 100px;
+      min-height : 100px;
+      max-width  : 138px;
+      max-height : 203px;
+      margin     : 10px;
+    }
+
+    a {
+      color : #343434;
+    }
+
+    a:hover {
+      text-decoration : none;
+    }
+
+    select {
+      font-size : 14px;
+    }
+
+    .checkbox {
+      margin-top : 0px;
+    }
+
+    .add {
+      i {
+        &:before {
+          color : #ffffff;
+        }
+      }
+    }
+
+    .monitor-tooltip {
+      margin-left : 5px;
+    }
+  }
+
+  .loading-folders {
+    margin : 30px 0px;
+    text-align: center;
+  }
+
+  .hint {
+    color      : #999999;
+    font-style : italic;
+  }
+
+  .monitor-tooltip-contents {
+    padding-bottom : 0px;
+
+    dd {
+      padding-bottom : 8px;
+    }
+  }
+}
+
+li.add-new {
+  .clickable;
+
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: normal;
+  line-height: 20px;
+  color: rgb(51, 51, 51);
+  white-space: nowrap;
+}
+
+li.add-new:hover {
+  text-decoration: none;
+  color: rgb(255, 255, 255);
+  background-color: rgb(0, 129, 194);
+}
+
+.root-folders-modal {
+  overflow : visible;
+
+  .root-folders-list {
+    overflow-y : auto;
+    max-height : 300px;
+
+    i {
+      .clickable();
+    }
+  }
+
+  .validation-errors {
+    display : none;
+  }
+
+  .input-group {
+    .form-control {
+      background-color : white;
+    }
+  }
+
+  .root-folders {
+    margin-top : 20px;
+  }
+
+  .recent-folder {
+    .clickable();
+  }
+}