AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more style normalization

Browse source
This commit is contained in:
Stewart Allen 2019-01-15 20:54:31 -05:00
commit 78f9164e18
3 changed files with 59 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

12
web/kiri/index.html
View file

@ -145,14 +145,14 @@
<!-- file load catalog -->
<div id="catalog" class="dialog">
<div id="catalogBody" class="flow-col">
<span id="localCache">local cache</span>
<label id="localCache">local cache</label>
<div id="catalogList"></div>
</div>
</div>
<!-- settings load dialog -->
<div id="settings" class="dialog">
<div id="settingsBody" class="flow-col">
<span id="settingsCache">saved settings</span>
<label id="settingsCache">saved settings</label>
<div id="settingsList"></div>
</div>
</div>
@ -160,8 +160,8 @@
<div id="devices" class="dialog flex-col">
<div id="devices-body" class="flow-col">
<div id="device-labels" class="flow-row">
<span>device</span>
<span>settings</span>
<label>device</label>
<label>settings</label>
</div>
<div id="device-cols" class="flow-row">
<div id="device-list" class="flow-col">
@ -187,8 +187,8 @@
<div id="tools" class="dialog">
<div id="tools-body" class="flow-col">
<div id="tool-labels" class="flow-row">
<span>tools</span>
<span>details</span>
<label>tools</label>
<label>details</label>
</div>
<div id="tool-cols" class="flow-row">
<div id="tool-list" class="flow-col">

71
web/kiri/style.css
View file

@ -21,8 +21,7 @@ select {
padding: 2px 5px 2px 5px;
margin: 0 5px 5px 5px;
background-color: #eee;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-radius: 5px;
border: 1px solid #aaa;
text-align: center;
}
@ -135,6 +134,9 @@ select {
background-color: rgba(255,255,255,0.9);
padding: 10px;
}
#print button {
font-weight: bold;
}
#print-close {
position: absolute;
z-index: 200;
@ -142,16 +144,13 @@ select {
top: 3px;
}
#print > div {
border: 1px solid #888;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #aaa;
border-radius: 3px;
padding: 2px;
margin: 6px 0 6px 0;
}
#print .print-sel:hover {
border: 1px solid yellow;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #555;
}
#print table {
width: 100%;
@ -198,9 +197,10 @@ select {
text-align: center;
top: 5px;
right: 0px;
color: white;
border: 1px solid white;
background-color: rgba(20,20,20,0.75);
color: b;acl;
border: 3px solid #ddd;
border-radius: 3px;
background-color: rgba(255,255,255,0.5);
padding: 10px;
display: none;
}
@ -218,15 +218,13 @@ select {
}
#sender > div {
border: 1px solid #888;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-radius: 5px;
padding: 2px;
margin: 6px 0 6px 0;
}
#sender .sender-sel:hover {
border: 1px solid yellow;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-radius: 5px;
}
#sender table {
width: 100%;
@ -350,13 +348,20 @@ button.selected {
#tools-body {
height: 100%;
}
#tool-labels label {
display: block;
text-align: center !important;
font-weight: bold;
font-size: 14px;
padding-bottom: 5px;
border: 0;
}
#tool-labels span {
width: 200px;
padding: 2px 5px 2px 5px;
margin: 0 5px 5px 5px;
background-color: #eee;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-radius: 5px;
border: 1px solid #aaa;
text-align: center;
}
@ -365,8 +370,7 @@ button.selected {
padding: 5px;
margin: 5px;
border: 1px solid #aaa;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-radius: 5px;
}
#tool-info > div {
margin-top: 2px;
@ -374,6 +378,9 @@ button.selected {
flex-basis: auto;
flex-shrink: 0;
}
#tool-action {
padding: 3px 3px 0 3px;
}
#tool-action > button {
text-align: center;
}
@ -429,8 +436,7 @@ button.selected {
padding: 2px 5px 2px 5px;
margin: 0 5px 5px 5px;
background-color: #eee;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-radius: 5px;
border: 1px solid #aaa;
text-align: center;
}
@ -448,6 +454,9 @@ button.selected {
flex-shrink: 0;
position: relative;
}
#device-action {
padding: 3px 3px 0 3px;
}
#device-action > button {
text-align: center;
}
@ -455,6 +464,14 @@ button.selected {
flex-grow: 1;
width: 100%;
}
#device-labels label {
display: block;
text-align: center !important;
font-weight: bold;
font-size: 14px;
padding-bottom: 5px;
border: 0;
}
#devices label {
text-align: left;
}
@ -517,6 +534,12 @@ button[import="1"] {
#catalogBody div::-webkit-scrollbar {
display: none;
}
#catalogBody label {
font-weight: bold;
font-size: 14px;
padding-bottom: 10px;
border: 0;
}
#catalogList {
overflow-y: scroll;
overflow-x: hidden;
@ -531,6 +554,12 @@ button[import="1"] {
#settings button {
margin: 1px;
}
#settingsBody label {
font-weight: bold;
font-size: 14px;
padding-bottom: 10px;
border: 0;
}
/** layer slider and controls */