raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-01 02:03:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move text-angular rules into its own file

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2023-09-12 14:41:25 +02:00
parent 351fe1b430
commit e3359dd240
3 changed files with 44 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/webpacker/css/admin/all.scss
View File

@@ -72,6 +72,7 @@
@import "components/todo";
@import "components/tooltip";
@import "components/wizard_progress";
@import "components/text-angular";
@import "pages/enterprise_form";
@import "pages/subscription_form";

43
app/webpacker/css/admin/components/text-angular.scss Normal file
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;
}
}

44
app/webpacker/css/admin/openfoodnetwork.scss
View File

@@ -19,11 +19,6 @@ table .blank-action {
width: 29px;
}
text-angular .ta-editor {
border: 1px solid $pale-blue;
border-radius: 3px;
}
#header #logo {
top: 10px;
}
@@ -229,45 +224,6 @@ table#listing_enterprise_groups {
border-color: $color-error;
}
// textAngular wysiwyg
text-angular {
.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;
}
}
span.required {
color: $color-5;
font-size: 110%;