github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

add inline-flex to button group (#7168) 

* add inline-flex to button group
pull/7179/head
Richard Wei 2022-07-04 07:16:45 +12:00 committed by GitHub
parent 6b27ba9121
commit f26e1fa21b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/css/bootstrap-override.css
View File

@ -27,6 +27,10 @@
gap: 5px;
}
.btn-group {
display: inline-flex;
}
pr-icon {
display: inline-block;
}
@ -277,10 +281,13 @@ input:checked + .slider:before {
.toolBar {
display: flex;
flex-direction: row;
gap: 5px;
}
.toolBar > .toolBarTitle {
flex: auto;
display: inline-flex;
flex-wrap: nowarp;
}
.toolBar > .searchBar {
@ -288,6 +295,7 @@ input:checked + .slider:before {
margin-right: 10px;
width: 500px;
height: 30px;
display: inline-flex;
}
.datatable .searchBar {
@ -296,8 +304,8 @@ input:checked + .slider:before {
}
.toolBar > .actionBar {
flex: right;
margin-right: 10px;
display: inline-flex;
}
.datatable .actionBar {
@ -307,6 +315,7 @@ input:checked + .slider:before {
.toolBar > .settings {
width: 60px;
text-align: right;
display: inline-flex;
}
.datatable .toolBar .settings {

4
app/react/docker/containers/ListView/ContainersDatatable/ContainersDatatableActions.tsx
View File

@ -67,7 +67,7 @@ export function ContainersDatatableActions({
}
return (
<div className="actionBar">
<>
<ButtonGroup>
<Authorized authorizations="DockerContainerStart">
<Button
@ -157,7 +157,7 @@ export function ContainersDatatableActions({
</Link>
</Authorized>
)}
</div>
</>
);
function onStartClick(selectedItems: DockerContainer[]) {