Overhaul of our check-in features (#1647)

src/pretix/static/pretixcontrol/scss/_forms.scss

@@ -523,3 +523,20 @@ table td > .checkbox input[type="checkbox"] {
     margin-bottom: 10px;
   }
 }
+
+#rules-editor {
+  .checkin-rule {
+    border-left: 4px solid $brand-primary;
+    background: rgba(0, 0, 0, 0.05);
+    padding: 5px 15px 5px 15px;
+    margin: 5px 0;
+    position: relative;
+  }
+
+  .checkin-rule-and {
+    border-left: 4px solid $brand-danger;
+  }
+  .checkin-rule-or {
+    border-left: 4px solid $brand-success;
+  }
+}

src/pretix/static/pretixcontrol/scss/main.scss

@@ -667,6 +667,13 @@ h1 .label {
     }
 }
 
+.withoutjs {
+    display: none !important;
+}
+.nojs .withoutjs {
+    display: block !important;
+}
+
 .nojs .requirejs {
     display: none !important;
 }