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

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

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