Migrate to Rais 8.0
- Remove all Rodauth stuff and implement simple custom auth - Migrate from sprockets to propshaft, hack some bootstrap stuff
This commit is contained in:
parent
0198a22278
commit
c35c7da6e0
66 changed files with 518 additions and 684 deletions
|
|
@ -2,10 +2,10 @@
|
|||
font-family: 'Lexend';
|
||||
src: url('Lexend-VariableFont_wght.ttf');
|
||||
font-display: swap;
|
||||
}
|
||||
}
|
||||
|
||||
$font-family-sans-serif:
|
||||
Lexend,
|
||||
|
||||
$font-family-sans-serif: Lexend,
|
||||
// Cross-platform generic font family (default user interface font)
|
||||
system-ui,
|
||||
// Safari for macOS and iOS (San Francisco)
|
||||
|
|
@ -29,6 +29,13 @@ $enable-rounded: false;
|
|||
@import 'bootstrap/scss/bootstrap';
|
||||
@import 'bootstrap-icons/font/bootstrap-icons';
|
||||
|
||||
@font-face {
|
||||
font-display: block;
|
||||
font-family: "bootstrap-icons";
|
||||
src: url("./bootstrap-icons.woff2") format("woff2"),
|
||||
url("./bootstrap-icons.woff") format("woff");
|
||||
}
|
||||
|
||||
.rails-bootstrap-forms-date-select select,
|
||||
.rails-bootstrap-forms-time-select select,
|
||||
.rails-bootstrap-forms-datetime-select select {
|
||||
|
|
@ -56,16 +63,17 @@ $enable-rounded: false;
|
|||
* <action-text-attachment> element we wrap around attachments. Otherwise,
|
||||
* images in galleries will be squished by the max-width: 33%; rule.
|
||||
*/
|
||||
.trix-content .attachment-gallery > action-text-attachment,
|
||||
.trix-content .attachment-gallery > .attachment {
|
||||
.trix-content .attachment-gallery>action-text-attachment,
|
||||
.trix-content .attachment-gallery>.attachment {
|
||||
flex: 1 0 33%;
|
||||
padding: 0 0.5em;
|
||||
max-width: 33%;
|
||||
}
|
||||
|
||||
.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
|
||||
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
|
||||
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
|
||||
.trix-content .attachment-gallery.attachment-gallery--2>action-text-attachment,
|
||||
.trix-content .attachment-gallery.attachment-gallery--2>.attachment,
|
||||
.trix-content .attachment-gallery.attachment-gallery--4>action-text-attachment,
|
||||
.trix-content .attachment-gallery.attachment-gallery--4>.attachment {
|
||||
flex-basis: 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
|
@ -79,25 +87,26 @@ $enable-rounded: false;
|
|||
/* Fix trix dark mode */
|
||||
.trix-button-row {
|
||||
.trix-button-group {
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
|
||||
.trix-button {
|
||||
border: 0;
|
||||
padding: var(--bs-padding)
|
||||
}
|
||||
.trix-button {
|
||||
border: 0;
|
||||
padding: var(--bs-padding)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] {
|
||||
.trix-button-row {
|
||||
.trix-button-group {
|
||||
.trix-button {
|
||||
background-color: transparent !important;
|
||||
filter: invert(100%) !important;
|
||||
}
|
||||
.trix-button-group {
|
||||
.trix-button {
|
||||
background-color: transparent !important;
|
||||
filter: invert(100%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* end fix trix dark mode */
|
||||
|
||||
.trix-content {
|
||||
|
|
@ -107,9 +116,11 @@ $enable-rounded: false;
|
|||
border: var(--bs-border-width) solid var(--bs-border-color) !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -121,7 +132,7 @@ trix-toolbar .trix-dialog {
|
|||
color: var(--bs-secondary-color) !important;
|
||||
border: var(--bs-border-width) solid var(--bs-border-color) !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none;
|
||||
box-shadow: none;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
|
|
@ -145,6 +156,7 @@ trix-toolbar .trix-input--dialog {
|
|||
trix-toolbar .trix-dialog--link {
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
/* trix-editor.trix-content {
|
||||
min-height: 350px;
|
||||
overflow-y: auto;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue