Commit 8af682ba authored by Robert Lyon's avatar Robert Lyon
Browse files

Bug 1838915: Fixing problem with some custom fontawesome placements



Changing from fontawesome to fontawesome5

Change-Id: If7e324b11e5bfc070d3a947d8f04f88a87ba7875
Signed-off-by: Robert Lyon's avatarRobert Lyon <robertl@catalyst.net.nz>
parent 0b568ced
...@@ -399,18 +399,18 @@ ...@@ -399,18 +399,18 @@
.table thead { .table thead {
a::after { a::after {
font-family: 'FontAwesome'; font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
position: relative; position: relative;
top: -3px; top: -3px;
margin-left: 3px; margin-left: 3px;
color: $gray-300; color: $gray-300;
} }
.asc > a::after { .asc > a::after {
content: '\f0dd'; content: fa-content($fa-var-caret-down);
} }
.desc > a::after, .desc > a::after,
.sorted > a::after { .sorted > a::after {
content: '\f0de'; content: fa-content($fa-var-caret-up);
top: 2px; top: 2px;
} }
} }
......
// /*!
// * Datetimepicker for Bootstrap 3
// * version : 4.17.47
// * https://github.com/Eonasdan/bootstrap-datetimepicker/
// */
// .bootstrap-datetimepicker-widget {
// list-style: none;
// }
// .bootstrap-datetimepicker-widget.dropdown-menu {
// display: block;
// margin: 2px 0;
// padding: 4px;
// width: 19em;
// }
// @include media-breakpoint-up(md) {
// .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
// width: 38em;
// }
// }
// @include media-breakpoint-up(lg) {
// .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
// width: 38em;
// }
// }
// @include media-breakpoint-up(xl) {
// .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
// width: 38em;
// }
// }
// .bootstrap-datetimepicker-widget.dropdown-menu:before,
// .bootstrap-datetimepicker-widget.dropdown-menu:after {
// content: '';
// display: inline-block;
// position: absolute;
// }
// .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
// border-left: 7px solid transparent;
// border-right: 7px solid transparent;
// border-bottom: 7px solid #ccc;
// border-bottom-color: rgba(0, 0, 0, 0.2);
// top: -7px;
// left: 7px;
// }
// .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
// border-left: 6px solid transparent;
// border-right: 6px solid transparent;
// border-bottom: 6px solid white;
// top: -6px;
// left: 8px;
// }
// .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
// border-left: 7px solid transparent;
// border-right: 7px solid transparent;
// border-top: 7px solid #ccc;
// border-top-color: rgba(0, 0, 0, 0.2);
// bottom: -7px;
// left: 6px;
// }
// .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
// border-left: 6px solid transparent;
// border-right: 6px solid transparent;
// border-top: 6px solid white;
// bottom: -6px;
// left: 7px;
// }
// .bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
// left: auto;
// right: 6px;
// }
// .bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
// left: auto;
// right: 7px;
// }
// .bootstrap-datetimepicker-widget .list-unstyled {
// margin: 0;
// }
// .bootstrap-datetimepicker-widget a[data-action] {
// padding: 6px 0;
// }
// .bootstrap-datetimepicker-widget a[data-action]:active {
// box-shadow: none;
// }
// .bootstrap-datetimepicker-widget .timepicker-hour,
// .bootstrap-datetimepicker-widget .timepicker-minute,
// .bootstrap-datetimepicker-widget .timepicker-second {
// width: 54px;
// font-weight: bold;
// font-size: 1.2em;
// margin: 0;
// }
// .bootstrap-datetimepicker-widget button[data-action] {
// padding: 6px;
// }
// .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Increment Hours";
// }
// .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Increment Minutes";
// }
// .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Decrement Hours";
// }
// .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Decrement Minutes";
// }
// .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Show Hours";
// }
// .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Show Minutes";
// }
// .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Toggle AM/PM";
// }
// .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Clear the picker";
// }
// .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Set the date to today";
// }
// .bootstrap-datetimepicker-widget .picker-switch {
// text-align: center;
// }
// .bootstrap-datetimepicker-widget .picker-switch::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Toggle Date and Time Screens";
// }
// .bootstrap-datetimepicker-widget .picker-switch td {
// padding: 0;
// margin: 0;
// height: auto;
// width: auto;
// line-height: inherit;
// }
// .bootstrap-datetimepicker-widget .picker-switch td span {
// line-height: 2.5;
// height: 2.5em;
// width: 100%;
// font-size: 18px;
// }
// .bootstrap-datetimepicker-widget table {
// width: 100%;
// margin: 0;
// }
// .bootstrap-datetimepicker-widget table td,
// .bootstrap-datetimepicker-widget table th {
// text-align: center;
// border-radius: 4px;
// }
// .bootstrap-datetimepicker-widget table th {
// height: 20px;
// line-height: 20px;
// width: 20px;
// }
// .bootstrap-datetimepicker-widget table th.picker-switch {
// width: 145px;
// }
// .bootstrap-datetimepicker-widget table th.disabled,
// .bootstrap-datetimepicker-widget table th.disabled:hover {
// background: none;
// color: #777777;
// cursor: not-allowed;
// }
// .bootstrap-datetimepicker-widget table th.prev::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Previous Month";
// }
// .bootstrap-datetimepicker-widget table th.next::after {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// content: "Next Month";
// }
// .bootstrap-datetimepicker-widget table thead tr:first-child th {
// cursor: pointer;
// }
// .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
// background: #eeeeee;
// }
// .bootstrap-datetimepicker-widget table td {
// height: 54px;
// line-height: 54px;
// width: 54px;
// }
// .bootstrap-datetimepicker-widget table td.cw {
// font-size: .8em;
// height: 20px;
// line-height: 20px;
// color: #777777;
// }
// .bootstrap-datetimepicker-widget table td.day {
// height: 20px;
// line-height: 20px;
// width: 20px;
// }
// .bootstrap-datetimepicker-widget table td.day:hover,
// .bootstrap-datetimepicker-widget table td.hour:hover,
// .bootstrap-datetimepicker-widget table td.minute:hover,
// .bootstrap-datetimepicker-widget table td.second:hover {
// background: #eeeeee;
// cursor: pointer;
// }
// .bootstrap-datetimepicker-widget table td.old,
// .bootstrap-datetimepicker-widget table td.new {
// color: #777777;
// }
// .bootstrap-datetimepicker-widget table td.today {
// position: relative;
// }
// .bootstrap-datetimepicker-widget table td.today:before {
// content: '';
// display: inline-block;
// border: solid transparent;
// border-width: 0 0 7px 7px;
// border-bottom-color: $theme-primary-color;
// border-top-color: rgba(0, 0, 0, 0.2);
// position: absolute;
// bottom: 4px;
// right: 4px;
// }
// .bootstrap-datetimepicker-widget table td.active,
// .bootstrap-datetimepicker-widget table td.active:hover {
// background-color: $theme-primary-color;
// color: #fff;
// text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
// }
// .bootstrap-datetimepicker-widget table td.active.today:before {
// border-bottom-color: #fff;
// }
// .bootstrap-datetimepicker-widget table td.disabled,
// .bootstrap-datetimepicker-widget table td.disabled:hover {
// background: none;
// color: #777777;
// cursor: not-allowed;
// }
// .bootstrap-datetimepicker-widget table td span {
// display: inline-block;
// width: 54px;
// height: 54px;
// line-height: 54px;
// margin: 2px 1.5px;
// cursor: pointer;
// border-radius: 4px;
// }
// .bootstrap-datetimepicker-widget table td span:hover {
// background: #eeeeee;
// }
// .bootstrap-datetimepicker-widget table td span.active {
// background-color: $theme-primary-color;
// color: #fff;
// text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
// }
// .bootstrap-datetimepicker-widget table td span.old {
// color: #777777;
// }
// .bootstrap-datetimepicker-widget table td span.disabled,
// .bootstrap-datetimepicker-widget table td span.disabled:hover {
// background: none;
// color: #777777;
// cursor: not-allowed;
// }
// .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
// height: 27px;
// line-height: 27px;
// }
// .bootstrap-datetimepicker-widget.wider {
// width: 21em;
// }
// .bootstrap-datetimepicker-widget .datepicker-decades .decade {
// line-height: 1.8em !important;
// }
// .input-group.date .input-group-addon {
// cursor: pointer;
// }
// .sr-only {
// position: absolute;
// width: 1px;
// height: 1px;
// margin: -1px;
// padding: 0;
// overflow: hidden;
// clip: rect(0, 0, 0, 0);
// border: 0;
// }
//
// .glyphicon {
// position: relative;
// top: 1px;
// display: inline-block;
// font-family: 'FontAwesome';
// font-style: normal;
// font-weight: normal;
// line-height: 1;
// -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale;
// }
//
// .glyphicon-time:before {
// content: "\f017";
// }
//
// .glyphicon-chevron-left:before {
// content: "\f053";
// }
//
// .glyphicon-chevron-right:before {
// content: "\f054";
// }
//
// .glyphicon-chevron-up:before {
// content: "\f077";
// }
//
// .glyphicon-chevron-down:before {
// content: "\f078";
// }
//
// .glyphicon-calendar:before {
// content: "\f073";
// }
//
// .bootstrap-datetimepicker-widget {
// .list-unstyled {
// padding-left: 0;
// list-style: none;
// }
//
// &.dropdown-menu {
// font-size: $font-size-base - 2;
// thead {
// text-transform: uppercase;
// color: $gray-500;
// font-size: $font-size-base;
// th, td {
// font-weight: 300;
// }
// }
// }
// }
/*@preserve /*@preserve
* Tempus Dominus Bootstrap4 v5.1.2 (https://tempusdominus.github.io/bootstrap-4/) * Tempus Dominus Bootstrap4 v5.1.2 (https://tempusdominus.github.io/bootstrap-4/)
* Copyright 2016-2018 Jonathan Peterson * Copyright 2016-2018 Jonathan Peterson
......
...@@ -187,11 +187,11 @@ ul.cd-timeline-navigation-second { ...@@ -187,11 +187,11 @@ ul.cd-timeline-navigation-second {
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
&::after { &::after {
content: '\f138'; content: fa-content($fa-var-chevron-circle-right);
font-family: FontAwesome; font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
color: $theme-primary-color; color: $theme-primary-color;
font-size: 30px; font-size: 28px;
top: -7px; top: -5px;
position: relative; position: relative;
} }
......
...@@ -65,8 +65,8 @@ ...@@ -65,8 +65,8 @@
z-index: 1; z-index: 1;
background: rgba(#fff, 0.8); background: rgba(#fff, 0.8);
&:before { &:before {
content: "\25BE"; content: fa-content($fa-var-caret-down);
font-family: "FontAwesome"; font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
margin-top: 9px; margin-top: 9px;
position: absolute; position: absolute;
right: 0%; right: 0%;
......
...@@ -25,8 +25,8 @@ ...@@ -25,8 +25,8 @@
display:none; display:none;
} }
&:before { &:before {
content: "\25BE"; content: fa-content($fa-var-caret-down);
font-family: "FontAwesome"; font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
margin-top: 9px; margin-top: 9px;
position: absolute; position: absolute;
right: 0%; right: 0%;
......
...@@ -254,9 +254,9 @@ textarea.resizable { ...@@ -254,9 +254,9 @@ textarea.resizable {
padding-right: 20px; padding-right: 20px;
} }
.hasDatepickerwrapper:after { .hasDatepickerwrapper:after {
font-family: "FontAwesome"; content: fa-content($fa-var-calendar-alt);
font-size: 16px; font-family: "Font Awesome 5 Free Regular", "Font Awesome 5 Free" !important;
content: "\f073"; font-size: 18px;
color: scale-color($theme-text-color, $lightness: 25%); color: scale-color($theme-text-color, $lightness: 25%);
position:relative; position:relative;
right: 25px; right: 25px;
...@@ -264,9 +264,9 @@ textarea.resizable { ...@@ -264,9 +264,9 @@ textarea.resizable {
cursor: text; cursor: text;
} }
.hasDatepickerwrapperacl:after { .hasDatepickerwrapperacl:after {
font-family: "FontAwesome"; content: fa-content($fa-var-calendar-alt);
font-size: 16px; font-family: "Font Awesome 5 Free Regular", "Font Awesome 5 Free" !important;
content: "\f073"; font-size: 18px;
color: scale-color($theme-text-color, $lightness: 25%); color: scale-color($theme-text-color, $lightness: 25%);
right: 10px; right: 10px;
position: absolute; position: absolute;
......
...@@ -22,11 +22,11 @@ ...@@ -22,11 +22,11 @@
border-radius: 0; border-radius: 0;
&:before { &:before {
content: fa-content($fa-var-arrows-alt);
font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
box-sizing: border-box; box-sizing: border-box;
color: $gray-300; color: $gray-300;
opacity: 0.7; opacity: 0.7;
content: "";
font-family: FontAwesome;
line-height: 1; line-height: 1;
text-rendering: auto; text-rendering: auto;
display: block; display: block;
......
...@@ -12,9 +12,9 @@ ...@@ -12,9 +12,9 @@
color: $input-color; color: $input-color;
&.select2-selection--multiple { &.select2-selection--multiple {
&:after { &:after {
content: "\f002"; font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
content: fa-content($fa-var-search);
color: scale-color($theme-text-color, $lightness: 62.5%); color: scale-color($theme-text-color, $lightness: 62.5%);
font-family: FontAwesome;
font-size: 1em; font-size: 1em;
display:inline-block; display:inline-block;
position:absolute; position:absolute;
...@@ -73,9 +73,9 @@ ...@@ -73,9 +73,9 @@
.select2-search { .select2-search {
position: relative; position: relative;
&:after { &:after {
content: "\f002"; font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
content: fa-content($fa-var-search);
color: scale-color($theme-text-color, $lightness: 62.5%); color: scale-color($theme-text-color, $lightness: 62.5%);
font-family: FontAwesome;
font-size: 1em; font-size: 1em;
display:inline-block; display:inline-block;
position:absolute; position:absolute;
......