修复了样式调整后a标签文字变蓝的bug

This commit is contained in:
WEB许何哲\xuhez
2023-08-17 10:06:59 +08:00
parent 2f732e41ed
commit facd5d23d7
2 changed files with 248 additions and 240 deletions

View File

@@ -0,0 +1,28 @@
.o_form_view.o_xxl_form_view {
flex-flow: column !important;
}
.o_form_view_container {
width: 100% !important;
}
html .o_web_client > .o_action_manager > .o_action {
height: unset !important;
overflow: scroll !important;
}
.o_FormRenderer_chatterContainer.o-aside {
width: 100% !important;
max-width: 1320px !important;
background-color: #fff !important;
padding-left: 32px !important;
padding-right: 32px !important;
box-sizing: border-box !important;
border: 1px solid #dee2e6;
//margin-bottom: 12px;
}
.o_form_view {
background-color: unset !important;
min-height: unset !important;
}

View File

@@ -1,251 +1,231 @@
.o_web_client { .o_web_client {
$o-wo-tablet-padding: $o-horizontal-padding; $o-wo-tablet-padding: $o-horizontal-padding;
$o-wo-tablet-btn-margin: 2px; $o-wo-tablet-btn-margin: 2px;
$o-wo-tablet-bg: #404040; // emulate the pdf reader $o-wo-tablet-bg: #404040; // emulate the pdf reader
$o-wo-tablet-text: color-contrast($o-wo-tablet-bg, $body-color, #FFF); $o-wo-tablet-text: color-contrast($o-wo-tablet-bg, $body-color, #FFF);
.o_legacy_form_view.o_workorder_tablet { .o_legacy_form_view.o_workorder_tablet {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
padding: 0; padding: 0;
background-color: $o-wo-tablet-bg; background-color: $o-wo-tablet-bg;
background-image: url(/web/static/lib/pdfjs/web/images/texture.png); background-image: url(/web/static/lib/pdfjs/web/images/texture.png);
background-repeat: repeat; background-repeat: repeat;
color: $o-wo-tablet-text;
height: auto;
overflow: auto;
font-size: 16px;
@include media-breakpoint-up(xl) {
font-size: 18px;
}
// Components
h1, h2, h3, h4, h5, h6 {
color: $o-wo-tablet-text;
}
.btn {
font-size: 1em;
padding: 0.4em 1em;
margin: 0 $o-wo-tablet-btn-margin;
&.btn-secondary {
color: $o-wo-tablet-text; color: $o-wo-tablet-text;
background-color: $o-wo-tablet-bg;
border: $o-wo-tablet-bg;
text-transform: capitalize;
}
&.fa-plus-square-o {
margin-bottom: 1px;
}
&.o_workorder_icon_btn {
padding: 0.4em;
&.o_workorder_icon_back {
padding: 0.4em 0.8em;
}
}
.o_workorder_btn_icon_small {
font-size: 0.8em;
margin-top: -1em;
&.float-end {
margin-top: 0.5em;
}
}
}
.o_input {
background-color: $o-wo-tablet-bg;
color: $o-wo-tablet-text;
padding: 0.4em 1em;
}
.o_field_widget {
margin-bottom: 0;
}
.o_workorder_bar_content {
display: flex;
flex-flow: row nowrap;
flex: 1 0 auto;
align-items: center;
&.workorder_bar_left {
word-break: break-all;
flex-shrink: 1;
}
@include media-breakpoint-down(md) {
justify-content: flex-start;
&.workorder_bar_left {
flex-flow: wrap;
}
}
&.o_workorder_bar_content_right {
justify-content: flex-end;
@include media-breakpoint-down(md) {
justify-content: flex-start;
.o_actions {
display: flex;
flex-flow: column;
width: 100%;
}
}
}
}
// Both Top Blocks
.workorder_bar, .workorder_actions {
background-color: darken($o-wo-tablet-bg, 5%);
background-image: url(/web/static/lib/pdfjs/web/images/texture.png);
}
// First Top Block
.workorder_bar {
display: flex;
flex-flow: row wrap;
padding: $o-wo-tablet-padding*0.5 $o-wo-tablet-padding;
padding-left: $o-wo-tablet-padding - $o-wo-tablet-btn-margin;
@include media-breakpoint-down(md) {
flex-flow: column;
}
}
// Last top Block
.workorder_actions {
display: flex;
flex-flow: row nowrap;
@include media-breakpoint-down(md) {
flex-flow: column;
}
padding: $o-wo-tablet-padding*0.5 $o-wo-tablet-padding - $o-wo-tablet-btn-margin $o-wo-tablet-padding;
box-shadow: 0 1px 1px rgba(black, 0.3);
font-size: 1.2em;
}
.o_form_label {
color: $o-wo-tablet-text;
}
// Step's info block
.o_workorder_data {
background-color: $o-wo-tablet-bg;
padding: $o-wo-tablet-padding*0.5 $o-wo-tablet-padding 0;
font-size: 0.9em;
// Final resume table
table.o_list_table {
color: $body-color;
}
// Horizontal form
.o_workorder_form {
padding-bottom: $o-wo-tablet-padding*0.5;
justify-content: space-between;
@include media-breakpoint-down(md) {
flex-flow: column;
align-items: flex-start;
}
> div {
flex: 1 0 auto;
}
.o_workorder_field {
> div.o_workorder_lot {
width: 100%;
justify-content: center;
> .o_lot_number {
width: 50%;
&:not(.o_with_button) button.o_external_button {
display: block !important;
visibility: hidden;
}
}
}
> div {
display: inline-flex;
align-items: baseline;
}
.o_form_label {
opacity: 0.7;
display: inline-block;
font-weight: bold;
}
}
a, a::first-line {
font-weight: bold;
color: $o-wo-tablet-text;
}
}
}
}
// PDF Viewer block
.workorder_pdf {
display: flex;
flex: 1 0 auto;
div.o_field_pdfviewer, div.o_field_pdf_viewer, span.o_embed_url_viewer {
margin: 0;
@include media-breakpoint-up(md) {
height: auto; height: auto;
overflow: auto; }
position: relative;
display: flex;
flex: 1 0 auto;
font-size: 16px; iframe {
display: block;
@include media-breakpoint-up(xl) { margin: 0;
font-size: 18px; width: 100%;
} height: 100%;
@include o-position-absolute(0, 0, 0, 0);
// Components }
h1,h2,h3,h4,h5,h6 {
color: $o-wo-tablet-text;
}
.btn {
font-size: 1em;
padding: 0.4em 1em;
margin: 0 $o-wo-tablet-btn-margin;
&.btn-secondary {
color: $o-wo-tablet-text;
background-color: $o-wo-tablet-bg;
border: $o-wo-tablet-bg;
text-transform: capitalize;
}
&.fa-plus-square-o {
margin-bottom: 1px;
}
&.o_workorder_icon_btn {
padding: 0.4em;
&.o_workorder_icon_back {
padding: 0.4em 0.8em;
}
}
.o_workorder_btn_icon_small {
font-size: 0.8em;
margin-top: -1em;
&.float-end {
margin-top: 0.5em;
}
}
}
.o_input {
background-color: $o-wo-tablet-bg;
color: $o-wo-tablet-text;
padding: 0.4em 1em;
}
.o_field_widget {
margin-bottom: 0;
}
.o_workorder_bar_content {
display: flex;
flex-flow: row nowrap;
flex: 1 0 auto;
align-items: center;
&.workorder_bar_left {
word-break: break-all;
flex-shrink: 1;
}
@include media-breakpoint-down(md) {
justify-content: flex-start;
&.workorder_bar_left {
flex-flow: wrap;
}
}
&.o_workorder_bar_content_right {
justify-content: flex-end;
@include media-breakpoint-down(md) {
justify-content: flex-start;
.o_actions {
display: flex;
flex-flow: column;
width: 100%;
}
}
}
}
// Both Top Blocks
.workorder_bar, .workorder_actions {
background-color: darken($o-wo-tablet-bg, 5%);
background-image: url(/web/static/lib/pdfjs/web/images/texture.png);
}
// First Top Block
.workorder_bar {
display: flex;
flex-flow: row wrap;
padding: $o-wo-tablet-padding*0.5 $o-wo-tablet-padding;
padding-left: $o-wo-tablet-padding - $o-wo-tablet-btn-margin;
@include media-breakpoint-down(md) {
flex-flow: column;
}
}
// Last top Block
.workorder_actions {
display: flex;
flex-flow: row nowrap;
@include media-breakpoint-down(md) {
flex-flow: column;
}
padding: $o-wo-tablet-padding*0.5 $o-wo-tablet-padding - $o-wo-tablet-btn-margin $o-wo-tablet-padding;
box-shadow: 0 1px 1px rgba(black, 0.3);
font-size: 1.2em;
}
.o_form_label {
color: $o-wo-tablet-text;
}
// Step's info block
.o_workorder_data {
background-color: $o-wo-tablet-bg;
padding: $o-wo-tablet-padding*0.5 $o-wo-tablet-padding 0;
font-size: 0.9em;
// Final resume table
table.o_list_table {
color: $body-color;
}
// Horizontal form
.o_workorder_form {
padding-bottom: $o-wo-tablet-padding*0.5;
justify-content: space-between;
@include media-breakpoint-down(md) {
flex-flow: column;
align-items: flex-start;
}
> div {
flex: 1 0 auto;
}
.o_workorder_field {
> div.o_workorder_lot {
width: 100%;
justify-content: center;
> .o_lot_number {
width: 50%;
&:not(.o_with_button) button.o_external_button {
display: block !important;
visibility: hidden;
}
}
}
> div {
display: inline-flex;
align-items: baseline;
}
.o_form_label {
opacity: 0.7;
display: inline-block;
font-weight: bold;
}
}
a, a::first-line {
font-weight: bold;
color: $o-wo-tablet-text;
}
}
}
} }
}
// PDF Viewer block // Work order Modal
.workorder_pdf { .workorder_menu {
display: flex; .btn {
flex: 1 0 auto; margin-bottom: $o-wo-tablet-padding;
padding: 1em;
div.o_field_pdfviewer, div.o_field_pdf_viewer, span.o_embed_url_viewer { font-size: 2em;
margin: 0; text-transform: uppercase;
@include media-breakpoint-up(md) {
height: auto;
}
position: relative;
display: flex;
flex: 1 0 auto;
iframe {
display: block;
margin: 0;
width: 100%;
height: 100%;
@include o-position-absolute(0,0,0,0);
}
}
}
// Work order Modal
.workorder_menu {
.btn {
margin-bottom: $o-wo-tablet-padding;
padding: 1em;
font-size: 2em;
text-transform: uppercase;
}
} }
}
} }
.o_form_view.o_xxl_form_view {
flex-flow:column !important;
}
.o_form_view_container {
width:100% !important;
}
html .o_web_client > .o_action_manager > .o_action {
overflow:scroll !important;
}
.o_FormRenderer_chatterContainer.o-aside {
width:100% !important;
max-width: 1320px !important;
background-color:#ccc !important;
}
.o_form_view {
background-color:unset !important;
border: 1px solid #C9CCD2 !important;
border-left-color:unset !important;
box-shadow: 0 5px 20px -15px rgb(0 0 0 / 40%) !important;
}