diff options
Diffstat (limited to 'addons/website/static/src/scss')
4 files changed, 28 insertions, 26 deletions
diff --git a/addons/website/static/src/scss/website.edit_mode.scss b/addons/website/static/src/scss/website.edit_mode.scss index fd42d78a8bd..90326d9e837 100644 --- a/addons/website/static/src/scss/website.edit_mode.scss +++ b/addons/website/static/src/scss/website.edit_mode.scss @@ -109,8 +109,10 @@ table.editorbar-panel { } } -// fontawesome -.note-editable .fa { +// 'Font Awesome 5 Free' +.note-editable .fa, +.note-editable .far, +.note-editable .fas { cursor: pointer; } diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index 6e29659612c..6b598536d34 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -167,8 +167,7 @@ font[class*='bg-'] { } // Icons -.fa { - font-family: "FontAwesome" !important; +.fa, .far, .fas, .fab { $size: 3rem; &.rounded-circle, @@ -492,14 +491,16 @@ table.table_desc tr td { outline: none; &:before { content:'\f056'; - font-family: 'FontAwesome'; + font-family: 'Font Awesome 5 Free'; display: inline-block; margin: 0 .5em 0 .75em; color: $gray-600; + font-weight: 900; } &.collapsed:before { content:'\f055'; - font-family: 'FontAwesome'; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } &:hover, &:focus { @@ -541,7 +542,7 @@ table.table_desc tr td { background-image: none; color: $body-color; &:before { - font-family: "FontAwesome"; + font-family: "Font Awesome 5 Free"; display: inline-block; background-color: #fff; } @@ -570,6 +571,7 @@ table.table_desc tr td { font-size: 2rem; color: #fff; text-shadow: $box-shadow-sm; + font-weight: 900; } // Indicators .carousel-indicators li { @@ -1023,28 +1025,27 @@ table.table_desc tr td { // Rating .s_rating { $star: "\f005"; - $star-o: "\f006"; $circle: "\f111"; - $circle-o: "\f10c"; $heart: "\f004"; - $heart-o: "\f08a"; - @mixin s_rating_generate_icons($off, $on) { + @mixin s_rating_generate_icons($icon) { .fa:before { - content: $off; + content: $icon; + font-weight: 400; } @for $counter from 5 to 0 { &.s_rating_#{$counter} { .fa:nth-of-type(-n+#{$counter}):before { - content: $on; + content: $icon; + font-weight: 900; } } } } - > .s_rating_stars { @include s_rating_generate_icons($star-o, $star); } - > .s_rating_squares { @include s_rating_generate_icons($circle-o, $circle); } - > .s_rating_hearts { @include s_rating_generate_icons($heart-o, $heart); } + > .s_rating_stars { @include s_rating_generate_icons($star); } + > .s_rating_squares { @include s_rating_generate_icons($circle); } + > .s_rating_hearts { @include s_rating_generate_icons($heart); } > .s_rating_bar { - .fa { + .fa, .far, .fas, .fab { display: none; } .s_rating_bar { @@ -1071,9 +1072,9 @@ table.table_desc tr td { } } } - > .s_rating_1x { .fa { font-size: 1em; }; } - > .s_rating_2x { .fa { font-size: 2em; }; } - > .s_rating_3x { .fa { font-size: 3em; }; } + > .s_rating_1x { .fa, .far, .fas, .fab { font-size: 1em; }; } + > .s_rating_2x { .fa, .far, .fas, .fab { font-size: 2em; }; } + > .s_rating_3x { .fa, .far, .fas, .fab { font-size: 3em; }; } } // diff --git a/addons/website/static/src/scss/website.ui.scss b/addons/website/static/src/scss/website.ui.scss index 0027d792093..22f18fd9adc 100644 --- a/addons/website/static/src/scss/website.ui.scss +++ b/addons/website/static/src/scss/website.ui.scss @@ -34,7 +34,6 @@ body.o_connected_user { .o_menu_sections { .o_mobile_preview a { text-align: center; - font-size: 20px; } } .o_menu_systray { @@ -52,7 +51,6 @@ body.o_connected_user { .o_mobile_preview a { text-align: center; - font-size: 20px; } } @include media-breakpoint-down(sm) { @@ -135,7 +133,7 @@ body .modal { font-weight: normal; color: inherit; - .fa { + .fa, .far, .fas { margin-left: $grid-gutter-width/2; } } @@ -230,7 +228,8 @@ body .modal { @include o-position-absolute(2px, 3px); display: inline-block; content: "\f00c"; - font-family: FontAwesome; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; color: white; font-size: 12px; } @@ -420,7 +419,7 @@ body .modal { padding: 0.45rem; } td { - > a.fa { + > a.fa, > a.far, > a.fas { margin-left: 5px; color: $o-brand-odoo; } diff --git a/addons/website/static/src/scss/website.wysiwyg.scss b/addons/website/static/src/scss/website.wysiwyg.scss index 4e6fa2bc0c9..2d81ceebc32 100644 --- a/addons/website/static/src/scss/website.wysiwyg.scss +++ b/addons/website/static/src/scss/website.wysiwyg.scss @@ -41,7 +41,7 @@ border: none; border-radius: 0; - .fa { + .fa, .far, .fas { margin-right: $grid-gutter-width/4; &.fa-times { |