68 lines
1.5 KiB
CSS
68 lines
1.5 KiB
CSS
/*
|
|
* This is a manifest file that'll be compiled into application.css.
|
|
*
|
|
* With Propshaft, assets are served efficiently without preprocessing steps. You can still include
|
|
* application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
|
|
* cascading order, meaning styles declared later in the document or manifest will override earlier ones,
|
|
* depending on specificity.
|
|
*
|
|
* Consider organizing styles into separate files for maintainability.
|
|
*/
|
|
|
|
@import "tom-select.css";
|
|
|
|
/* JSON Validator Styles */
|
|
.json-valid {
|
|
border-color: #10b981 !important;
|
|
box-shadow: 0 0 0 1px #10b981 !important;
|
|
}
|
|
|
|
.json-invalid {
|
|
border-color: #ef4444 !important;
|
|
box-shadow: 0 0 0 1px #ef4444 !important;
|
|
}
|
|
|
|
.json-valid-status {
|
|
color: #10b981;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.json-invalid-status {
|
|
color: #ef4444;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* Tom Select overrides for better visibility */
|
|
.ts-wrapper {
|
|
visibility: visible !important;
|
|
display: block !important;
|
|
}
|
|
|
|
.ts-wrapper .ts-control {
|
|
min-height: 38px;
|
|
padding: 6px 8px;
|
|
border: 1px solid #d1d5db;
|
|
border-radius: 6px;
|
|
background-color: white;
|
|
}
|
|
|
|
.ts-wrapper .ts-control input {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ts-wrapper.multi .ts-control > div {
|
|
background-color: #3b82f6;
|
|
color: white;
|
|
border-radius: 4px;
|
|
padding: 2px 6px;
|
|
margin: 2px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ts-wrapper.multi .ts-control > div .remove {
|
|
color: white;
|
|
margin-left: 4px;
|
|
}
|