rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

loading and more tables

This commit is contained in:
lvuch 2017-04-26 17:05:23 -07:00
parent a91f7dda06
commit 783a16f062
4 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/stack-app/template.hbs
View File

@ -1,4 +1,4 @@
<table class="fixed"> <table class="fixed no-bottom">
<tbody> <tbody>
<tr> <tr>
<td> <td>

5
app/styles/components/_tables.scss
View File

@ -102,6 +102,11 @@ TABLE {
&.fixed { &.fixed {
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
&.no-bottom {
tbody > tr:last-child{
border-bottom: none;
}
}
} }
.fixed-header-actions { .fixed-header-actions {
min-height: 40px; min-height: 40px;

14
app/styles/layout/_loading.scss
View File

@ -39,12 +39,12 @@
&:before, &:after { &:before, &:after {
content: ""; content: "";
height: 20px; height: 25px;
width: 20px; width: 25px;
background: $info; background: $info;
display: block; display: block;
position: absolute; position: absolute;
animation: ball ease 3s; animation: ball ease 2s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
transform-origin: 50% 50%; transform-origin: 50% 50%;
z-index: -1; z-index: -1;
@ -52,7 +52,7 @@
} }
&:after { &:after {
animation-delay: .5s; animation-delay: .25s;
} }
} }
@ -63,14 +63,14 @@
width: 12.5px; width: 12.5px;
background: $secondary; background: $secondary;
position: absolute; position: absolute;
animation: lid ease-in-out 3s; animation: lid ease-in-out 2s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
transform-origin: 0% 50%; transform-origin: 0% 50%;
left: 2px left: 2px
} }
&:after { &:after {
right: 0; right: 0;
animation: lidLeft ease-in-out 3s; animation: lidLeft ease-in-out 2s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
transform-origin: 100% 50%; transform-origin: 100% 50%;
left:10.5px; left:10.5px;
@ -87,7 +87,7 @@
opacity: .75; opacity: .75;
} }
100% { 100% {
transform: scaleX(1.0) scaleY(1.0); transform: scaleX(0.75) scaleY(0.75);
top: 0; top: 0;
opacity: 1; opacity: 1;
} }

2
app/templates/ldap-config.hbs
View File

@ -99,7 +99,7 @@
<div class="input-group"> <div class="input-group">
{{input-integer value=model.port min=1 max=65535 classNames="form-control"}} {{input-integer value=model.port min=1 max=65535 classNames="form-control"}}
<span class="input-group-addon bg-default"> <span class="input-group-addon bg-default">
<label class="pb-5">{{t 'ldap.accessConfig.port.checkbox'}} {{input type="checkbox" checked=model.tls}}</label> <label>{{t 'ldap.accessConfig.port.checkbox'}} {{input type="checkbox" checked=model.tls}}</label>
</span> </span>
</div> </div>
</div> </div>