(front end prep for Purchasing Tickets module)

2026-02-15 13:53:26 +00:00 · 2016-11-07 09:56:51 -05:00
parent a3d6a1efcd
commit ced05329c6
53 changed files with 12963 additions and 273 deletions
--- a/resources/assets/less/forms.less
+++ b/resources/assets/less/forms.less
@@ -0,0 +1,131 @@
+.form-title {
+    display: block;
+    width: 100%;
+    margin-bottom: @spacer-4;
+    border-bottom: 1px solid @border-color;
+}
+
+.form-group {
+    margin-bottom: @spacer-4;
+}
+
+.form-label {
+    display: block;
+    margin-bottom: @spacer-1;
+    font-size: @font-size-sm;
+    font-weight: @font-weight-medium;
+}
+
+.form-control-file {
+    display: block;
+    max-width: 100%;
+
+    &::-webkit-file-upload-button {
+        .btn;
+        .btn-xs;
+        .btn-secondary;
+        cursor: pointer;
+    }
+}
+
+.form-control {
+    display: block;
+    width: 100%;
+    padding: @spacer-2 @spacer-3;
+    background: @color-white;
+    line-height: 1.25;
+    border: 1px solid @border-color;
+    border-radius: @border-radius;
+
+    &.has-error {
+        border-color: lighten(@color-danger, 25%);
+    }
+
+    select& {
+        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAABGdBTUEAALGPC/xhBQAAALJJREFUGBm9UCEOwkAQ3L3Cf2pwpKkhoQkej0GRUE/bpSdwbR3BYXlAwwOQmP4Eh7xlh4BFsuJmZzK7N3dMnxJp4xD05ByvRfIBssMh0i1CoJsqP4Hg0KOybDcmnIn44H2+SpJsrKrHNJ0/MDljpr332xpuIDh08H8XF0XTM/O9rnP5Xm4vEEs8sbSuV6VdVTVISEBw6AzBnJk5L7ZhMIwNl7bp+v4hNFHkpuYbAcEx9LNeG4xMYRDZ28cAAAAASUVORK5CYII=) right 8px center no-repeat;
+        -moz-appearance: none;
+        -webkit-appearance: none;
+    }
+
+    [type="date"]& {
+        // Get the date picker to be the same height as a regular form control
+        &::-webkit-datetime-edit-fields-wrapper { padding: 0; }
+        &::-webkit-inner-spin-button { height: 1.25em; }
+    }
+
+    &::placeholder {
+        color: lighten(@color-gray, 20%);
+    }
+
+    [type="color"]& {
+        position: relative;
+
+        // Increased padding values simulate height of regular text content
+        padding-top: 1.125rem;
+        padding-bottom: 1.125rem;
+
+        &::-webkit-color-swatch-wrapper {
+            position: absolute;
+            top: 0;
+            left: 0;
+            bottom: 0;
+            right: 0;
+            padding: @spacer-2 @spacer-3;
+        }
+        &::-webkit-color-swatch {
+            border: 1px solid rgba(0,0,0,0.2);
+        }
+    }
+}
+
+.form-control-static {
+    display: block;
+    width: 100%;
+    padding-top: @spacer-2;
+    padding-bottom: @spacer-2;
+    line-height: 1.25;
+    border: 1px solid transparent; // To ensure matches regular control height
+}
+
+.help-block {
+    font-size: @font-size-sm;
+    margin-top: @spacer-1;
+}
+
+.form-group.has-error {
+    .form-label, .help-block {
+        color: @color-danger;
+    }
+    .form-control, .input-group {
+        border-color: lighten(@color-danger, 25%);
+    }
+    .form-control-feedback {
+        color: @color-danger;
+    }
+}
+
+.form-control-feedback {
+    margin-top: @spacer-2;
+}
+
+.input-group {
+    display: flex;
+    border: 1px solid @border-color;
+    border-radius: @border-radius;
+    background: @color-white;
+    overflow: hidden;
+
+    .input-group-addon {
+        display: flex;
+        padding-left: @spacer-3;
+        padding-right: @spacer-3;
+        border-right: 1px solid @border-color;
+        align-items: center;
+    }
+
+    .form-control {
+        flex: 1;
+        border: none;
+        border-radius: 0;
+    }
+}