iSharkFly-Docs
/
angular-docs-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; font-size: $unit * 2;
margin-bottom: $unit; margin-bottom: $unit;
margin-top: $unit * 4; 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 { return {
restrict: 'E', restrict: 'E',
template: 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">' + ' <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 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>'+ ' <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>' +
'</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">' + ' <div ng-repeat="section in $ctrl.groupedSections" ng-if="$ctrl.filterSections(section)" ng-cloak="ng-cloak">' +
' <h2>{{ section.title }}</h2>' + ' <h2>{{ section.title }}</h2>' +
' <ul class="api-list">' + ' <ul class="api-list">' +
@ -266,4 +266,4 @@ angularIO.directive('apiList', function () {
}; };
} }
}; };
}); });