NextERP/documentation
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[DESIGN] restyling alerts

Browse Source
This commit is contained in:
Elisabeth Dickinson 2021-03-01 16:51:51 +01:00
parent 5fba20a895
commit 4385b04f07
1 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
extensions/odoo_theme/static/style.scss
View File

@ -588,21 +588,21 @@ header.o_main_header{
// alert-go_to // alert-go_to
// alert-exercise // alert-exercise
// alert-success // alert-success
.alert { .alert {
position: relative; position: relative;
display: block; display: block;
border-radius: 0; border-radius: 0;
border-width: 0 0 0 3px; border-width: 0 0 0 3px;
@include font-size($font-size-secondary);
> p { > p , > ul{
margin-bottom: 0; margin-bottom: 0;
} }
> h3, > .alert-title { > h3, > .alert-title {
line-height: 1em; line-height: 1em;
margin: 0 0 10px 0; margin: 0 0 10px 0;
font-size: 1rem; @include font-size($font-size-base);
font-weight: $fw_bold; font-weight: $fw_bold;
&:before { &:before {
@ -656,16 +656,30 @@ header.o_main_header{
} }
&.alert-tip, &.tip { &.alert-tip, &.tip {
border-color: tint-color($brand-info, 30%); border: none;
background-color: tint-color($brand-info, 85%); background-color: tint-color($info, 85%);
color: shade-color($brand-info, 35%); color: shade-color($info, 65%);
padding-left:3rem;
padding-right: 2rem;
margin-left: -3rem;
margin-right: -2rem;
> .alert-title, > h3 { > .alert-title, > h3 {
color: $brand-info color: shade-color($info, 50%);
display: inline-block;
margin-bottom: 0;
margin-right: .5rem;
&:before {
content: '#{$i-lightbulb}';
vertical-align: text-top;
}
&:after {
content: ':';
}
} }
> .alert-title:before, > h3:before { > p {
content: '#{$i-lightbulb}'; display: inline-block;
} }
} }
@ -712,8 +726,7 @@ header.o_main_header{
border-color: tint-color($secondary, 60%); border-color: tint-color($secondary, 60%);
background-color: tint-color($secondary, 80%); background-color: tint-color($secondary, 80%);
border-width: 2px; border-width: 2px;
margin: 2em auto; width: calc(50% - 1rem);
a { a {
color: shade-color($secondary, 35%); color: shade-color($secondary, 35%);
} }