Systemtags scss

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

diff --git a/core/css/systemtags.scss b/core/css/systemtags.scss
new file mode 100644 (file)
index 0000000..adbd36e
--- /dev/null
+++ b/core/css/systemtags.scss
@@ -0,0 +1,84 @@
+/*
+ * Copyright (c) 2016
+ *
+ * This file is licensed under the Affero General Public License version 3
+ * or later.
+ *
+ * See the COPYING-README file.
+ *
+ */
+
+.systemtags-select2-dropdown {
+       .select2-result-label {
+               .checkmark {
+                       visibility: hidden;
+                       margin-left: -5px;
+                       margin-right: 5px;
+                       padding: 4px;
+               }
+               .new-item .systemtags-actions {
+                       display: none;
+               }
+       }
+       .select2-selected .select2-result-label .checkmark {
+               visibility: visible;
+       }
+       .select2-result-label .icon {
+               display: inline-block;
+               opacity: .5;
+               &.rename {
+                       padding: 4px;
+               }
+       }
+       .systemtags-actions {
+               position: absolute;
+               right: 5px;
+       }
+       .systemtags-rename-form {
+               display: inline-block;
+               width: calc(100% - 20px);
+               top: -6px;
+               position: relative;
+               input {
+                       display: inline-block;
+                       width: calc(100% - 40px);
+               }
+       }
+}
+
+.systemtags-select2-container {
+       width: 100%;
+}
+
+#select2-drop.systemtags-select2-dropdown .select2-results li.select2-result {
+       padding: 5px;
+}
+
+.systemtags-select2-dropdown {
+       span {
+               line-height: 25px;
+       }
+       .systemtags-item {
+               display: inline-block;
+               height: 25px;
+               width: 100%;
+       }
+       .select2-result-label {
+               height: 25px;
+       }
+}
+
+.systemtags-select2-container .select2-choices .select2-search-choice.select2-locked .label {
+       opacity: 0.5;
+}
+
+.systemtags-select2-dropdown .label {
+       width: 85%;
+       display: -moz-inline-box;
+       display: inline-block;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       &.hidden {
+               display: none;
+       }
+}