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

[IMP][CSS] Improve literals styling (o_code, .sig-*)

Browse Source
This commit is contained in:
Elisabeth Dickinson 2022-12-29 09:35:58 +01:00 committed by Antoine Vandevenne (anv)
parent 5c931f7ec8
commit bed5b9edb7
2 changed files with 64 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
extensions/odoo_theme/static/scss/_mixins.scss
View File

@ -99,3 +99,13 @@
border-left: 1px solid $o-gray-border;
border-right: 1px solid $o-gray-border;
}
@mixin o-code {
display: inline-block;
color: inherit;
overflow-wrap: anywhere;
background: $o-literals-bg;
font-size: 0.875rem;
font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
font-weight: $fw_regular;
}

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

@ -36,10 +36,6 @@ body {
}
}
dd {
margin-left: $margin-s;
}
// This fixes the scroll position on all elements, including refs
:target {
&:before {
@ -435,12 +431,7 @@ header {
// Literals Styles (ex: https://www.odoo.com/documentation/master/developer/reference/backend/orm.html#fields)
.o_code, .sig [class^="sig-"] {
display: inline-block;
color: inherit;
overflow-wrap: anywhere;
background: $o-literals-bg;
font-size: 0.875em;
font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
@include o-code;
}
.o_code {
@ -456,14 +447,64 @@ header {
}
.sig {
[class^="sig-"]:first-of-type, span[id] + [class^="sig-"]{
padding-left: .3rem;
.sig-prename {
padding-left: .3rem;
&+ .sig-name {
padding-right: .3rem;
}
}
[class^="sig-"]:last-of-type {
em.property + .sig-name {
padding-left: .3rem;
}
.sig-paren:last-of-type {
padding-right: .3rem;
}
}
dl.py, dl.js, dl.o-definition-list {
> dd {
border-left: 3px solid $o-literals-border;
margin-top: -0.075rem;
padding-left: $padding-s;
padding-top: $padding-xs;
}
&.class em.property {
font-size: $font-size-sm;
&:first-child {
border-bottom: 3px solid $o-literals-border;
}
&:not(:first-child) {
@include o_code;
padding: 0 .3rem;
// &:last-of-type {
// padding-right: .3rem;
// }
}
}
}
dl.field-list {
@include font-size($font-size-sm);
padding: .5rem;
border: 1px solid $o-gray-border;
@include media-breakpoint-down(lg) {
display: block;
}
> dt {
padding-left: 0;
}
ul {
list-style: none;
padding-left: 0;
li:not(:last-child) {
padding-bottom: $padding-xs;
}
}
}
iframe {
max-width: 100%;
}
@ -657,56 +698,6 @@ header {
}
}
dl.py, dl.js, dl.o-definition-list {
> dd {
border-left: 3px solid $o-literals-border;
margin: 0;
padding-left: $padding-s;
padding-top: $padding-xs;
}
&.class em.property {
font-size: $font-size-sm;
&:first-child {
border-bottom: 3px solid $o-literals-border;
+ [class^=sig] {
padding-left: .3rem;
}
}
&:not(:first-child) {
@extend .o_code;
&:last-of-type {
padding-right: .3rem;
}
}
}
}
dl.field-list {
@include font-size($font-size-sm);
padding: .5rem;
border: 1px solid $o-gray-border;
@include media-breakpoint-down(lg) {
display: block;
}
> dt {
padding-left: 0;
}
> dd {
padding-right: 0;
}
ul {
list-style: none;
padding-left: 0;
li {
padding-bottom: $padding-xs;
}
}
}
// Search items highlighted
span.highlighted {
background-color: lighten($warning, 15%);