Adjust BEM naming of portal component

This commit is contained in:
Greg Considine 2017-03-23 09:42:22 -04:00
parent 7d4b3a08f2
commit 6b6cf9aecc
2 changed files with 14 additions and 13 deletions

View File

@ -8,9 +8,9 @@
<div class="PortalMode-filterHolder">
<div class="btn-group PortalMode-filter">
<button ng-class="{'btn-primary ': activeFilter == 'user',
'btn-default' : activeFilter != 'user' }" ng-click='filterUser()' class="btn btn-xs" translate>My Jobs</button>
'btn-default' : activeFilter != 'user' }" ng-click='filterUser()' class="btn btn-xs PortalMode-filterButton--edges" translate>My Jobs</button>
<button ng-class="{'btn-primary' : activeFilter == 'all',
'btn-default' : activeFilter != 'all'}" ng-click='filterAll()' class="btn btn-xs" translate>All Jobs</button>
'btn-default' : activeFilter != 'all'}" ng-click='filterAll()' class="btn btn-xs PortalMode-filterButton--edges" translate>All Jobs</button>
</div>
<div class="PortalMode-refresh">
<button id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top" class="btn List-buttonDefault" ng-click="refresh()" ng-show="socketStatus == 'error'">

View File

@ -21,21 +21,22 @@
right: 35px;
display: flex;
align-items: center;
justify-content: center;
justify-content: center;
.PortalMode-filter > button {
&:first-child {
border-right: none;
}
&:last-child {
border-left: none;
}
.btn.btn-xs {
padding: 1px 10px;
}
}
.PortalMode-filterButton--edges {
&:first-child {
border-right: none;
}
.btn.btn-xs {
padding: 1px 10px;
&:last-child {
border-left: none;
}
}
.PortalMode-refresh {
margin-left: 10px;
}