Move text-angular component rules to admin_style_v3 context

This commit is contained in:
Jean-Baptiste Bellet
2023-09-12 14:44:22 +02:00
parent e3359dd240
commit 6a771ad09c
2 changed files with 44 additions and 0 deletions

View File

@@ -76,6 +76,7 @@
@import "../admin/components/todo";
@import "../admin/components/tooltip";
@import "../admin/components/wizard_progress";
@import "components/text-angular"; // admin_v3
@import "../admin/pages/enterprise_form";
@import "../admin/pages/subscription_form";

View File

@@ -0,0 +1,43 @@
// textAngular wysiwyg
text-angular {
.ta-editor {
border: 1px solid $pale-blue;
border-radius: 3px;
}
.ta-toolbar {
border: 1px solid #cdd9e4;
padding: 0.4em;
margin-bottom: -1px;
background-color: #f1f1f1;
border-radius: 0.25em 0.25em 0 0;
}
.ta-scroll-window > .ta-bind {
max-height: 400px;
min-height: 100px;
outline: none;
p {
margin-bottom: 1.5rem;
}
}
.ta-scroll-window.form-control {
min-height: 100px;
box-shadow: none !important;
}
.btn-group {
display: inline;
margin-right: 8px;
button {
padding: 5px 10px !important; // Add `!important` to be more specific than the default button styles (app/webpacker/css/admin/components/buttons.scss)
// Hope this (text-angular) will be removed soon in order to use trix editor
margin-right: 0.25em;
}
button.active:not(:hover) {
box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.3) inset;
background-color: #4583bf;
}
}
a {
color: $spree-green;
}
}