tyler.durden/cockpit-navigator
1
0
Fork 0
mirror of https://github.com/45Drives/cockpit-navigator.git synced 2025-07-29 16:45:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix grid alignment for permission checkboxes

Browse Source
This commit is contained in:
joshuaboud 2021-05-28 12:53:47 -03:00
parent 66b040841d
commit db8e2bbc6a
No known key found for this signature in database
GPG Key ID: 17EFB59E2A8BF50E
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
navigator/navigator.css
View File

@ -257,15 +257,30 @@ input[type="text"] {
flex: 3;
}
.nav-property-pair > input[type="text"] {
flex-grow: 3;
flex-basis: 0;
padding: 0px 12px 0px 12px;
}
.grid-container {
margin: 0 0 2px 42px;
margin: 0 24px 2px 24px;
display: grid;
grid-template-columns: auto auto auto auto;
justify-content: space-evenly;
grid-template-columns: 2fr 1fr 1fr 1fr;
justify-items: center;
row-gap: 4px;
}
.grid-label {
font-weight: bold;
flex-basis: 0;
font-size: 90%;
}
.grid-row-label {
justify-self: start;
padding-right: 5px;
padding-left: 50%;
}
.nav-btn-group {

6
navigator/navigator.html
View File

@ -107,15 +107,15 @@
<div class="grid-label">Read</div>
<div class="grid-label">Write</div>
<div class="grid-label">Execute</div>
<div class="grid-label">Owner</div>
<div class="grid-label grid-row-label">Owner</div>
<input type="checkbox" class="mode-checkbox" id="owner-read"></input>
<input type="checkbox" class="mode-checkbox" id="owner-write"></input>
<input type="checkbox" class="mode-checkbox" id="owner-exec"></input>
<div class="grid-label">Group</div>
<div class="grid-label grid-row-label">Group</div>
<input type="checkbox" class="mode-checkbox" id="group-read"></input>
<input type="checkbox" class="mode-checkbox" id="group-write"></input>
<input type="checkbox" class="mode-checkbox" id="group-exec"></input>
<div class="grid-label">Other</div>
<div class="grid-label grid-row-label">Other</div>
<input type="checkbox" class="mode-checkbox" id="other-read"></input>
<input type="checkbox" class="mode-checkbox" id="other-write"></input>
<input type="checkbox" class="mode-checkbox" id="other-exec"></input>