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="PortalMode-filterHolder">
<div class="btn-group PortalMode-filter"> <div class="btn-group PortalMode-filter">
<button ng-class="{'btn-primary ': activeFilter == 'user', <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', <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>
<div class="PortalMode-refresh"> <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'"> <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; right: 35px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.PortalMode-filter > button { .btn.btn-xs {
&:first-child { padding: 1px 10px;
border-right: none; }
} }
&:last-child {
border-left: none; .PortalMode-filterButton--edges {
} &:first-child {
border-right: none;
} }
&:last-child {
.btn.btn-xs { border-left: none;
padding: 1px 10px;
} }
} }
.PortalMode-refresh { .PortalMode-refresh {
margin-left: 10px; margin-left: 10px;
} }