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

[DESIGN] redesigned code blocks on has_code_col pages

Browse Source
This commit is contained in:
Elisabeth Dickinson 2021-02-26 17:43:59 +01:00
parent eeebf93eb3
commit 713c8269c1
3 changed files with 43 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -130,7 +130,7 @@
} }
@mixin code-col(){ @mixin code-col(){
content: ""; /* content: ""; Deactivating has_code_col background */
background: $doc_code-bg; background: $doc_code-bg;
/* @include box-shadow(inset 40px 0 40px -18px rgba(22, 24, 29, 0.3)); */ /* @include box-shadow(inset 40px 0 40px -18px rgba(22, 24, 29, 0.3)); */
@include o-position-absolute($top: 3rem, $right:0); @include o-position-absolute($top: 3rem, $right:0);

8
extensions/odoo_theme/static/scss/_sphinx_basic.scss
View File

@ -625,9 +625,9 @@ pre {
overflow-y: hidden; /* fixes display issues on Chrome browsers */ overflow-y: hidden; /* fixes display issues on Chrome browsers */
} }
pre, div[class*="highlight-"] { /* pre, div[class*="highlight-"] {
clear: both; clear: both;
} } */
span.pre { span.pre {
-moz-hyphens: none; -moz-hyphens: none;
@ -636,9 +636,9 @@ span.pre {
hyphens: none; hyphens: none;
} }
div[class*="highlight-"] { /* div[class*="highlight-"] {
margin: 1em 0; margin: 1em 0;
} } */
td.linenos pre { td.linenos pre {
border: 0; border: 0;

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

@ -331,16 +331,24 @@ header.o_main_header{
pre { pre {
font-size: 12px; font-size: 12px;
} }
.content-switcher {
margin-top:0;
> ul {
margin-bottom: 0;
} }
> ul > li { .content-switcher {
color: $gray-lightest;
.nav-tabs .nav-link.active {
background-color: #f8f8f8;
border-color: #dee2e6 #dee2e6 #f8f8f8;
font-weight: $fw_semibold;
}
.tab-content {
display:flex;
background: $doc_code-bg;
border: 1px $gray-300 solid;
border-top: 0;
div[class^="highlight"] {
margin: 0;
} }
} }
} }
@ -357,28 +365,41 @@ header.o_main_header{
position: relative; position: relative;
.o_git_link { .o_git_link {
color: $gray;
@include o-position-absolute($top: 0, $right: 1rem);
@include font-size($font-size-secondary); @include font-size($font-size-secondary);
@include o-position-absolute($top: 1rem, $right: 1rem);
i { i {
font-size: 1.2rem;
margin-right: .2rem; margin-right: .2rem;
} }
} }
dt { dt {
padding-top: $o-header-height; &:before {
margin-top: -$o-header-height; content: '';
display: block;
width: 0;
height: 0;
padding-top: $o-header-height + 10px;
margin-top: -$o-header-height - 10px;
}
} }
section { section {
// This fixes the scroll position // This fixes the scroll position // BUT creates issues when buttons or links from the previous section are behind it
padding-top: $o-header-height; /* padding-top: $o-header-height;
margin-top: -$o-header-height; margin-top: -$o-header-height; */
// adding a :before works better;
&:before {
content: '';
display: block;
width: 0;
height: 0;
padding-top: $o-header-height + 10px;
margin-top: -$o-header-height - 10px;
}
> h1 { > h1 {
color: $o-violet-dark; color: $o-violet-dark;
font-weight: $fw_semibold; font-weight: $fw_bold;
max-width: calc(100% - 120px); max-width: calc(100% - 120px);
} }
@ -416,15 +437,10 @@ header.o_main_header{
} }
&:not(.has_code_col) {
div[class^="highlight"] {
border: 1px solid $gray-light;
}
}
div[class^="highlight"] { div[class^="highlight"] {
// This styles the consoles like read-the-doc's consoles // This styles the consoles like read-the-doc's consoles
overflow-x: auto; overflow-x: auto;
border: 1px solid $gray-light;
margin: 1px 0 24px 0; margin: 1px 0 24px 0;
div[class^="highlight"] { div[class^="highlight"] {