empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-06 17:05:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix up styles in IE11 (#1391)

Browse Source 
* Fix up styles in IE11

* Getting check marks to show
This commit is contained in:
Kyle Knight 2017-06-18 13:38:16 -05:00 committed by Mike Arpaia
parent 71abc38c22
commit 61973ecceb
7 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/components/AuthenticationFormWrapper/_styles.scss
View File

@ -4,4 +4,14 @@
@include justify-content(center);
@include flex-grow(1);
padding: $base 0;
&__logo {
width: 286px;
height: 69px;
margin: 0 auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
height: calc(100vh - #{$footer-height});
}
}

7
frontend/components/buttons/Rocker/_styles.scss
View File

@ -2,7 +2,7 @@
box-shadow: 0 0 9px 0 rgba(72, 81, 109, 0.1);
&__button {
@include transform(translateY(-19px));
transform: translateY(-19px);
position: relative;
cursor: pointer;
width: 180px;
@ -13,6 +13,11 @@
padding: 0 2px;
background: transparent;
border: 0;
overflow: visible;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
transform: translateY(1px);
}
&--checked > .kolide-rocker__switch--left {
span {

4
frontend/components/forms/fields/Checkbox/_styles.scss
View File

@ -19,10 +19,10 @@
@include transform(rotate(45deg));
@include position(absolute, 50% null null 50%);
box-sizing: border-box;
display: table;
display: block;
width: 7px;
height: 13px;
margin: -8px 0 0 -4px;
margin: -8px 0 0 -3px;
border: 2px solid $white;
border-top: 0;
border-left: 0;

3
frontend/components/forms/fields/Dropdown/_styles.scss
View File

@ -44,12 +44,12 @@
.Select-value-icon {
border: 0;
float: right;
visibility: hidden;
position: relative;
line-height: 28px;
width: 25px;
padding: 0;
margin: 0 5px;
text-indent: -999em;
&::after {
@extend %kolidecon;
@ -62,6 +62,7 @@
visibility: visible;
font-size: 16px;
color: $accent-dark;
text-indent: 0;
}
&:hover {

4
frontend/components/forms/fields/SelectTargetsDropdown/_styles.scss
View File

@ -164,12 +164,12 @@
.Select-value-icon {
border: 0;
float: right;
visibility: hidden;
position: relative;
line-height: 34px;
width: 25px;
padding: 0;
margin: 0 5px;
text-indent: -999em;
&::after {
@extend %kolidecon;
@ -182,6 +182,8 @@
visibility: visible;
font-size: 20px;
color: $accent-dark;
display: block;
text-indent: 0;
}
&:hover {

4
frontend/components/queries/ScheduledQueriesList/ScheduledQueriesListItem/ScheduledQueriesListItem.jsx
View File

@ -5,7 +5,7 @@ import Checkbox from 'components/forms/fields/Checkbox';
import ClickableTableRow from 'components/ClickableTableRow';
import Icon from 'components/icons/Icon';
import PlatformIcon from 'components/icons/PlatformIcon';
import { isEmpty, isEqual } from 'lodash';
import { includes, isEmpty, isEqual } from 'lodash';
import scheduledQueryInterface from 'interfaces/scheduled_query';
const baseClass = 'scheduled-query-list-item';
@ -65,7 +65,7 @@ class ScheduledQueriesListItem extends Component {
const { scheduledQuery: { platform } } = this.props;
const platformArr = platform ? platform.split(',') : [];
if (isEmpty(platformArr) || platformArr.includes('all')) {
if (isEmpty(platformArr) || includes(platformArr, 'all')) {
return <PlatformIcon name="all" title="All Platforms" className={`${baseClass}__icon`} />;
}

2
frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss
View File

@ -5,7 +5,7 @@
border-top: 1px solid $border-medium;
box-shadow: -2px 0 8px 0 rgba($black, 0.1);
box-sizing: border-box;
overflow: scroll;
overflow: auto;
width: $sidepanel-width;
margin-top: $pad-base;
margin-left: $pad-base;