Initial xentral_oss_20.3.c9ffacf

classes/Modules/Label/www/css/datatablelabel.css

@@ -0,0 +1,41 @@
+
+/* Labels
+- - - - - - - - - - - - - - - - - - - - - - */
+.dataTable .label-container {
+    display: inline-block;
+    padding: 0;
+    margin: 0;
+    line-height: 1em;
+}
+
+.dataTable .label {
+    display: inline-block;
+    font-size: 90%;
+    line-height: 1em;
+    margin: 1px 0 1px 4px;
+    padding: 3px 7px 2px 7px;
+    border-radius: 5px;
+    border: 1px solid transparent;
+    white-space: nowrap;
+}
+
+/* Label-Manager-Icon (in DataTable)
+- - - - - - - - - - - - - - - - - - - - - - */
+.dataTable .label-manager-icon {
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    background-image: url('../themes/new/images/label.svg');
+    background-size: 20px 20px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+/* LiveTabelle im Modul
+- - - - - - - - - - - - - - - - - - - - - - */
+#datatablelabels_list .label-color-preview {
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+}

classes/Modules/Label/www/css/labels.css

@@ -0,0 +1,128 @@
+
+/**
+	LABELS
+ */
+.label-container {
+    display: inline-block;
+    padding: 0;
+    margin: 0;
+    line-height: 1em;
+}
+
+.label-container .label {
+    cursor: default;
+    display: inline-block;
+    font-size: 90%;
+    line-height: 1em;
+    margin: 1px 0 1px 4px;
+    padding: 3px 7px;
+    border: 1px solid transparent;
+    border-radius: 5px;
+    white-space: nowrap;
+    min-width: 2px;
+    min-height: 11px;
+}
+
+.label-container .label-text-normal {
+    display: inline-block;
+}
+.label-container .label-text-compact {
+    display: none;
+}
+
+.label-container.label-compact .label-text-normal {
+    display: none;
+}
+.label-container.label-compact .label-text-compact {
+    display: inline-block;
+}
+
+.label-manager {
+    cursor: pointer;
+}
+/* ENDE LABELS */
+
+
+/*
+	LABEL-MANAGER-OVERLAY
+*/
+#label-manager-overlay {
+    display: none;
+    position: fixed;
+    z-index: 100001;
+    top: 20px;
+    left: 20px;
+    min-width: 250px;
+    min-height: 100px;
+    border-radius: 10px;
+    border: 5px solid var(--fieldset);
+    background-color: var(--fieldset);
+    box-shadow: 3px 3px 10px rgba(0, 0, 0, .33);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+#label-manager-overlay header,
+#label-manager-overlay section,
+#label-manager-overlay footer {
+    display: block;
+}
+
+#label-manager-overlay header {
+    padding: 10px;
+    background-color: var(--fieldset);
+    border-bottom: 1px solid var(--textfield-border);
+}
+
+#label-manager-overlay footer {
+    padding: 0 10px 5px 10px;
+    background-color: var(--fieldset);
+}
+
+#label-manager-overlay header h1 {
+    font-size: 14px;
+    padding: 0;
+    margin: 0;
+}
+
+#label-manager-overlay header .icon-close {
+    cursor: pointer;
+    float: right;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    background-image: url('../themes/new/images/x-icon.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 80%;
+}
+
+#label-manager-overlay .content-list {
+    display: block;
+    min-height: 10px;
+    padding: 10px;
+}
+
+#label-manager-overlay .line {
+    clear: both;
+    display: block;
+    margin: 5px 0;
+}
+
+#label-manager-overlay .line input {
+    float: left;
+}
+
+#label-manager-overlay .line .label-title {
+    display: inline-block;
+    line-height: 1em;
+    margin: 0 0 0 4px;
+    padding: 3px 7px;
+    border-radius: 5px;
+    white-space: nowrap;
+    border: 1px solid transparent;
+    background-color: var(--fieldset);
+}
+/* ENDE LABEL-MANAGER-OVERLAY */