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

71
web/kiri/style.css
View file

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

6
web/moto/style.css
View file

@ -34,12 +34,12 @@ button {
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 3px; border-radius: 3px;
background-color: #eee; background-color: #eee;
padding: 2px 7px 3px 7px; padding: 2px 7px 3px 7px;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
button:hover { button:hover {
background-color: #eee; background-color: #aaa;
font-weight: bold;
} }
button[load] { button[load] {
width: 100%; width: 100%;
@ -125,7 +125,7 @@ button[del] {
} }
.buton { .buton {
font-weight: bold; font-weight: bold;
background-color: #fec; background-color: #bbb;
} }
.flow-row { .flow-row {
position: relative; position: relative;