honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

replace clearfix with a wrapping flexbox (#2819)

This commit is contained in:
Eric Jimenez 2016-11-17 12:37:14 -05:00 committed by Kathy Walrath
parent 061e50fa06
commit 2a3dbe53f4
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/resources/css/layout/_layout.scss
View File

@ -290,4 +290,9 @@ button.verbose.on {display: none}
font-size: $unit * 2;
margin-bottom: $unit;
margin-top: $unit * 4;
}
}
.l-flex-wrap {
display: flex;
flex-wrap: wrap;
}

6
public/resources/js/directives/api-list.js
View File

@ -17,7 +17,7 @@ angularIO.directive('apiList', function () {
return {
restrict: 'E',
template:
'<div ng-cloak="ng-cloak" class="banner is-plain api-filter clearfix">' +
'<div ng-cloak="ng-cloak" class="l-flex-wrap banner is-plain api-filter">' +
' <div class="form-select-menu">' +
' <button ng-repeat="type in $ctrl.types" ng-if="$ctrl.type === type.matches[0]" class="form-select-button has-symbol" ng-click="$ctrl.toggleMenu(\'type\')"><strong>Type:</strong><span class="symbol {{type.cssClass}}" ng-if="type.cssClass !== \'stable\'" ></span>{{type.title}}</button>'+
' <button class="form-select-button is-default" ng-if="$ctrl.type === null" ng-click="$ctrl.toggleMenu(\'type\')"><strong>Type: All</strong></button>'+
@ -44,7 +44,7 @@ angularIO.directive('apiList', function () {
' </div>' +
'</div>' +
' ' +
'<article class="l-content-small grid-fluid docs-content">' +
'<article class="l-content-small docs-content">' +
' <div ng-repeat="section in $ctrl.groupedSections" ng-if="$ctrl.filterSections(section)" ng-cloak="ng-cloak">' +
' <h2>{{ section.title }}</h2>' +
' <ul class="api-list">' +
@ -266,4 +266,4 @@ angularIO.directive('apiList', function () {
};
}
};
});
});