Add Expand All and Collapse All
This commit is contained in:
parent
b794b8e08c
commit
d5e1acae82
@ -57,20 +57,17 @@ Otherwise, have a great day =^.^=
|
|||||||
background-color: var(--theme-hover);
|
background-color: var(--theme-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
div.panel div.panel-body button.dropdown-toggle {
|
div.panel div.panel-body button {
|
||||||
background: var(--searchbar-bg);
|
background: var(--searchbar-bg);
|
||||||
color: var(--searchbar-fg);
|
color: var(--searchbar-fg);
|
||||||
border-color: var(--theme-popup-border);
|
border-color: var(--theme-popup-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
div.panel div.panel-body button.dropdown-toggle:hover {
|
div.panel div.panel-body button:hover {
|
||||||
box-shadow: 0 0 3px var(--searchbar-shadow-color);
|
box-shadow: 0 0 3px var(--searchbar-shadow-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
div.panel div.panel-body .open button.dropdown-toggle {
|
div.panel div.panel-body button.open {
|
||||||
background: var(--searchbar-bg);
|
|
||||||
color: var(--searchbar-fg);
|
|
||||||
border-color: var(--theme-popup-border);
|
|
||||||
filter: brightness(90%);
|
filter: brightness(90%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -96,7 +93,6 @@ Otherwise, have a great day =^.^=
|
|||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.search-control {
|
.search-control {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
float: right;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -537,6 +533,14 @@ Otherwise, have a great day =^.^=
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button title="Collapse All" class="btn btn-default expansion-control" type="button" ng-click="toggleExpansion(data, false); $event.stopPropagation()">
|
||||||
|
<span class="glyphicon glyphicon-collapse-up"></span>
|
||||||
|
</button>
|
||||||
|
<button title="Expand All" class="btn btn-default expansion-control" type="button" ng-click="toggleExpansion(data, true); $event.stopPropagation()">
|
||||||
|
<span class="glyphicon glyphicon-collapse-down"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- The order of the filters should be from most likely to remove a lint to least likely to improve performance. -->
|
<!-- The order of the filters should be from most likely to remove a lint to least likely to improve performance. -->
|
||||||
|
@ -469,6 +469,12 @@
|
|||||||
$location.path(lint.id);
|
$location.path(lint.id);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
$scope.toggleExpansion = function(lints, isExpanded) {
|
||||||
|
lints.forEach(lint => {
|
||||||
|
$scope.open[lint.id] = isExpanded;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
$scope.copyToClipboard = function (lint) {
|
$scope.copyToClipboard = function (lint) {
|
||||||
const clipboard = document.getElementById("clipboard-" + lint.id);
|
const clipboard = document.getElementById("clipboard-" + lint.id);
|
||||||
if (clipboard) {
|
if (clipboard) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user