2 /* push the patron summary up to compensate for the extra
3 * padding required to support the fixed navigation */
4 .patron-summary-grid-wrapper {
8 /** style to make a grid look like a striped table */
9 #patron-summary-grid div.row {padding: 3px; border-right: 2px solid rgb(248, 248, 248);}
10 #patron-summary-grid div.row:nth-child(odd) {background-color: rgb(248, 248, 248);}
12 /* there are bootstrap tyles for error, warning, etc.,
13 but the ones I'm finding aren't quite cutting it..*/
14 .patron-summary-alert {color: red; font-weight:bold}
15 .patron-summary-alert-small {color: red; background-color: white;}
16 .patron-summary-divider { border-top: 1px solid #CCC}
17 .patron-summary-act-link {font-size: .8em;}
18 .patron-summary-has-notes:hover, .patron-summary-has-notes:visited{ text-decoration: none; }
20 .patron-summary-pref-name {
25 /* Tag icon used for name keywords shouldn't look like a link */
27 .glyphicon-tags, .glyphicon-tags:hover, .glyphicon-tags:focus {
29 text-decoration: none;
32 /* FIXME: use .barcode instead */
33 #patron-checkout-barcode,
34 #patron-renewal-barcode,
35 #patron-checkin-barcode { width: 16em; }
37 #patron-search-form div.form-group {
43 background-color: rgba(255,255,255,1);
50 /* let search form elements fill their containers w/ slight padding */
51 #patron-search-form input:not([type="checkbox"]) { width: 100%; }
52 #patron-search-form .eg-org-selector,
53 #patron-search-form .eg-org-selector button,
54 #patron-search-form .patron-search-selector,
55 #patron-search-form .patron-search-selector button {
60 .patron-search-container {
61 container-type: inline-size;
64 /* mobile-first layout: flexbox */
72 /* Bootstrap sm breakpoint */
73 @container (min-width: 576px) {
74 .patron-search-form > * {
85 /* not a Bootstrap breakpoint, but where col-lg-9 can break */
86 @container (min-width: 680px) {
89 grid-template-columns: repeat(5, 1fr) max-content;
90 grid-template-rows: repeat(5, auto);
98 /* place in the next to last column, first row */
104 /* place in the next to last column, second row */
110 /* place in the last column, spanning all rows */
116 #patron-payments-spreadsheet {
119 border-top: 1px solid #aaa;
122 #patron-payments-spreadsheet .flex-cell {
126 #patron-payments-spreadsheet .flex-cell.well {
128 margin-bottom: 0px; /* bootstrap default is 20px */
131 #hold-notify-settings div.row { margin-top: 12px; }
132 #hold-notify-settings div.row:not(.header-row):nth-child(odd) {
133 background-color: rgb(248, 248, 248);
135 #hold-notify-settings div.row:not(.header-row) {
136 border-bottom: 1px solid #CCC;
139 /* -- patron registration -- */
141 /* make all input widgets the same width, i.e. fill their column */
143 .reg-field-input {font-weight: 700; }
144 .reg-field-input input:not([type="checkbox"]) { width: 100%; }
146 /* selector contents float left to allow depth-based left-padding */
147 .reg-field-input .eg-org-selector,
148 .reg-field-input .btn-group {
153 /* selector button labels float right */
154 .reg-field-input .eg-org-selector button,
155 .reg-field-input .btn-group > button {
160 /* floating div along top-right with field documentation */
166 border:2px dashed #d9e8f9;
167 -moz-border-radius: 10px;
179 #reg-field-doc legend {
180 /* otherwise the font size is quite large */
188 .reg-field-row label {
192 .patron-reg-fixed-bar {
198 padding-bottom: 10px;
200 background-color: rgba(255,255,255,1);
203 .patron-reg-actions-bar {
206 .patron-reg-actions-bar span {
210 .patron-reg-barcodes > .header {
214 /* Bootstrap alert panes are too stylized/padded/etc. in this case,
215 * but consider revisiting. */
216 .patron-reg-validation-alert {
221 /* Angular applies these classes based on the field's
222 * required and pattern settings */
223 #patron-notes-container .ng-invalid-required,
224 #patron-reg-container .ng-invalid,
225 #patron-reg-container .ng-invalid-required,
226 #patron-pay-by-credit-form .ng-invalid {
227 background-color: yellow;
231 .patron-reg-names-separator {
236 .patron-reg-pref-names {
237 background-color: rgb(215, 215, 215);
240 .patron-reg-pending-address {
241 border:2px dashed #d9e8f9;
242 -moz-border-radius: 10px;
247 #no-edit-alert-container {
253 /* -- end patron registration -- */