[REF] *: BS4, adapt font-size and padding variables
BS variables were renamed or changed and all (most) variables now use 'rem' units instead of 'px' unit.
This commit is contained in:
+1
-1
@@ -122,7 +122,7 @@
|
||||
|
||||
/* Field dropdown */
|
||||
.oe_import_selector {
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-sm;
|
||||
ul, li {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
|
||||
@@ -172,7 +172,7 @@
|
||||
.o_hr_attendance_PINbox {
|
||||
font-size: 2em;
|
||||
border: none;
|
||||
padding: 0 $padding-large-horizontal;
|
||||
padding: 0 $input-btn-padding-x-lg;
|
||||
background: fade-out(white, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -190,7 +190,7 @@
|
||||
.o_composer_button_send {
|
||||
border-radius: 0 3px 3px 0;
|
||||
// Make the button appear as the same size as the subject input
|
||||
padding: 10px $padding-base-horizontal;
|
||||
padding: 10px $input-btn-padding-x;
|
||||
border: 1px solid darken($o-brand-optional, 5%);
|
||||
border-left-width: 0;
|
||||
}
|
||||
@@ -402,7 +402,7 @@ $o-mail-attachment-margin: 5px;
|
||||
@include o-position-absolute($bottom: 7px);
|
||||
width: 80%;
|
||||
@include o-text-overflow(inline-block);
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
.o_attachment_download {
|
||||
@@ -449,7 +449,7 @@ $o-mail-attachment-margin: 5px;
|
||||
|
||||
.o_close_btn {
|
||||
@include o-position-absolute(-1px, $grid-gutter-width*0.5);
|
||||
font-size: $font-size-h1;
|
||||
font-size: $h1-font-size;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -86,13 +86,13 @@
|
||||
}
|
||||
|
||||
&.o_mail_discuss_title_main {
|
||||
padding: $padding-base-vertical $o-horizontal-padding;
|
||||
padding: $input-btn-padding-y $o-horizontal-padding;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.o_mail_discuss_item + .o_mail_sidebar_title {
|
||||
margin-top: $padding-base-vertical;
|
||||
margin-top: $input-btn-padding-y;
|
||||
}
|
||||
|
||||
.o_mail_add_thread {
|
||||
@@ -214,7 +214,7 @@
|
||||
.o_mail_sidebar_title {
|
||||
h4 {
|
||||
margin: 0;
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-sm;
|
||||
text-transform: uppercase;
|
||||
color: $gray-light;
|
||||
&.o_mail_open_channels:hover {
|
||||
|
||||
@@ -99,7 +99,7 @@
|
||||
|
||||
.o_thread_message_tools {
|
||||
.o_activity_link {
|
||||
padding: 0 $padding-base-horizontal;
|
||||
padding: 0 $input-btn-padding-x;
|
||||
}
|
||||
.o_activity_done {
|
||||
padding-left: 0;
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.oe_form_field.oe_memo {
|
||||
margin: 0 ($padding-large-horizontal * -1);
|
||||
margin: 0 ($input-btn-padding-x-lg * -1);
|
||||
padding: 0;
|
||||
min-height: 200px;
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
}
|
||||
&.o_form_readonly {
|
||||
.oe_memo {
|
||||
padding: $padding-large-horizontal;
|
||||
padding: $input-btn-padding-x-lg;
|
||||
border-bottom: 1px solid $legend-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
// MIXINS
|
||||
@mixin o-base-settings-horizontal-padding($padding-base: $padding-small-vertical) {
|
||||
@mixin o-base-settings-horizontal-padding($padding-base: $input-btn-padding-y-sm) {
|
||||
padding: $padding-base $o-horizontal-padding;
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
@@ -60,7 +60,7 @@
|
||||
border: 0;
|
||||
|
||||
.btn-primary, .btn-link {
|
||||
padding: $padding-small-vertical $padding-small-horizontal;
|
||||
padding: $btn-padding-y-sm $btn-padding-x-sm;
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
|
||||
+5
-6
@@ -57,14 +57,13 @@ $component-active-bg: $gray-200;
|
||||
$font-family-sans-serif: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
|
||||
|
||||
$font-size-base: $o-font-size-base;
|
||||
|
||||
$line-height-base: $o-line-height-base;
|
||||
|
||||
$h1-font-size: $o-font-size-base + 13px;
|
||||
$h2-font-size: $o-font-size-base + 7px;
|
||||
$h3-font-size: $o-font-size-base + 3px;
|
||||
$h4-font-size: $o-font-size-base + 2px;
|
||||
$h5-font-size: $o-font-size-base + 1px;
|
||||
$h1-font-size: $o-font-size-base * 2.0;
|
||||
$h2-font-size: $o-font-size-base * 1.5;
|
||||
$h3-font-size: $o-font-size-base * 1.3;
|
||||
$h4-font-size: $o-font-size-base * 1.2;
|
||||
$h5-font-size: $o-font-size-base * 1.1;
|
||||
|
||||
$headings-font-weight: bold;
|
||||
|
||||
|
||||
@@ -418,7 +418,7 @@
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
border: 1px solid $btn-primary-border;
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-sm;
|
||||
color: $o-brand-optional;
|
||||
font-weight: $badge-font-weight;
|
||||
text-align: center;
|
||||
|
||||
@@ -377,7 +377,7 @@
|
||||
|
||||
// Separators
|
||||
.o_horizontal_separator {
|
||||
font-size: $font-size-h2;
|
||||
font-size: $h2-font-size;
|
||||
margin: $o-form-spacing-unit 0;
|
||||
&:empty {
|
||||
height: $o-form-spacing-unit * 2;
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
|
||||
> .o_kanban_counter_progress {
|
||||
width: 76%;
|
||||
height: $font-size-small;
|
||||
height: $font-size-sm;
|
||||
margin-bottom: 0;
|
||||
background-color: $gray-lighter-dark;
|
||||
box-shadow: none;
|
||||
|
||||
@@ -70,9 +70,9 @@
|
||||
padding-right: $o-kanban-dashboard-dropdown-complex-gap;
|
||||
|
||||
> .o_kanban_card_manage_title {
|
||||
margin: ($line-height-computed / 2) 0;
|
||||
margin: (($font-size-base * $line-height-base) / 2) 0;
|
||||
color: $headings-color;
|
||||
font-size: $font-size-h5;
|
||||
font-size: $h5-font-size;
|
||||
font-weight: 500;
|
||||
line-height: $headings-line-height;
|
||||
}
|
||||
@@ -137,7 +137,7 @@
|
||||
// Identify subtitles without classes
|
||||
.o_kanban_primary_left .o_primary > span:nth-child(2) > strong {
|
||||
font-weight: 500;
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-sm;
|
||||
color: $text-muted;
|
||||
}
|
||||
|
||||
|
||||
@@ -270,7 +270,7 @@
|
||||
margin-bottom: $o-kanban-inner-hmargin*0.5;;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-sm;
|
||||
|
||||
li {
|
||||
margin-bottom: 2px;
|
||||
|
||||
@@ -4,8 +4,9 @@
|
||||
///
|
||||
|
||||
// Font sizes
|
||||
$o-font-size-base: 13px;
|
||||
$o-line-height-base: 1.428571429; // This is BS default
|
||||
$o-root-font-size: 13px;
|
||||
$o-font-size-base: 1rem;
|
||||
$o-line-height-base: 1.5; // This is BS default
|
||||
|
||||
// Colors
|
||||
$o-brand-primary: #7c7bad;
|
||||
|
||||
@@ -163,7 +163,7 @@
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: $o-main-text-color;
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-sm;
|
||||
cursor: pointer;
|
||||
@include o-hover-opacity($base-opacity);
|
||||
}
|
||||
|
||||
@@ -1,3 +1,7 @@
|
||||
:root {
|
||||
font-size: $o-root-font-size;
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// General
|
||||
// ------------------------------------------------------------------
|
||||
|
||||
@@ -709,7 +709,7 @@ html[lang] > body.editor_enable [data-oe-translation-state] {
|
||||
height: $o-navbar-height;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: $padding-base-vertical $padding-base-horizontal; // force this because of themes
|
||||
padding: $btn-padding-y $btn-padding-y; // force this because of themes
|
||||
background-color: $o-we-color-dark;
|
||||
color: $o-we-color-text-normal;
|
||||
border-top: 2px solid transparent;
|
||||
|
||||
@@ -35,7 +35,7 @@ $o-w-rating-star-color: #FACC2E;
|
||||
.o_website_rating_table_percent {
|
||||
text-align: right;
|
||||
padding-left: 5px;
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
.o_website_rating_table_reset {
|
||||
.o_website_rating_select_text {
|
||||
|
||||
@@ -51,7 +51,7 @@
|
||||
right: auto;
|
||||
border-radius: 0 0 2px;
|
||||
font-weight: normal;
|
||||
font-size: $font-size-small - 1;
|
||||
font-size: $font-size-sm - 1;
|
||||
|
||||
&.label-normal {
|
||||
background-color: $gray-lighter;
|
||||
|
||||
@@ -2,9 +2,9 @@
|
||||
//## ----------------------------
|
||||
|
||||
// Theming variables
|
||||
$o-wsale-wizard-thickness: 2px;
|
||||
$o-wsale-wizard-dot-size: 10px;
|
||||
$o-wsale-wizard-dot-active-glow: 4px;
|
||||
$o-wsale-wizard-thickness: 0.125rem;
|
||||
$o-wsale-wizard-dot-size: 0.625rem;
|
||||
$o-wsale-wizard-dot-active-glow: 0.25rem;
|
||||
|
||||
$o-wsale-wizard-color-inner: white;
|
||||
$o-wsale-wizard-color-default: $gray-lighter;
|
||||
@@ -69,11 +69,11 @@ $o-wsale-wizard-label-completed: $state-success-text;
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
display: block;
|
||||
margin: (10px + $tmp-dot-radius) 0 20px 0;
|
||||
margin: (0.625rem + $tmp-dot-radius) 0 20px 0;
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin-left: -15px;
|
||||
font-size:24px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -86,7 +86,7 @@ $o-wsale-wizard-label-completed: $state-success-text;
|
||||
.progress-wizard-dot {
|
||||
animation: fadeIn 1s ease 0s 1 normal none running;
|
||||
background: $o-wsale-wizard-dot-active;
|
||||
box-shadow: 0 0 0 $o-wsale-wizard-dot-active-glow - 1px $o-wsale-wizard-color-inner,
|
||||
box-shadow: 0 0 0 ($o-wsale-wizard-dot-active-glow - 0.0625rem) $o-wsale-wizard-color-inner,
|
||||
0 0 0 $o-wsale-wizard-dot-active-glow rgba($o-wsale-wizard-dot-active, 0.5);
|
||||
}
|
||||
|
||||
|
||||
@@ -87,7 +87,7 @@
|
||||
visibility: hidden;
|
||||
|
||||
> .btn {
|
||||
padding: $padding-large-vertical $padding-large-horizontal;
|
||||
padding: $btn-padding-y-lg $btn-padding-x-lg;
|
||||
}
|
||||
|
||||
hr {
|
||||
|
||||
Reference in New Issue
Block a user