ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00
Code Issues Releases Wiki Activity

added PR comments

Browse Source
This commit is contained in:
diminator 2015-10-15 15:24:40 +02:00
parent d7cd92eb52
commit ed24ec194e
2 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/components/ascribe_forms/form_unconsign_request.js
View File

@ -44,11 +44,9 @@ let UnConsignRequestForm = React.createClass({
</div>}
spinner={
<div className="modal-footer">
<div className="modal-footer">
<p className="pull-right">
<AscribeSpinner color='dark-blue' size='md'/>
</p>
</div>
<p className="pull-right">
<AscribeSpinner color='dark-blue' size='md'/>
</p>
</div>}>
<Property
name='unconsign_request_message'

29
sass/ascribe_spinner.scss
View File

@ -37,9 +37,11 @@ $ascribe--spinner-size-sm: 15px;
}
.spinner-wrapper-loop {
animation: spinner-color-loop 20s;
-moz-animation: spinner-color-loop 20s infinite;
-webkit-animation: spinner-color-loop 20s infinite;
-moz-animation: spinner-color-loop 20s infinite;
-o-animation: spinner-color-loop 20s infinite;
animation: spinner-color-loop 20s;
}
.spinner-wrapper-black {
@ -65,10 +67,7 @@ $ascribe--spinner-size-sm: 15px;
}
.spinner-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-style: solid;
-webkit-animation: spin 1s infinite linear;
@ -76,22 +75,27 @@ $ascribe--spinner-size-sm: 15px;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
.spinner-wrapper-lg .spinner-inner,
.spinner-wrapper-lg .spinner-circle {
width: $ascribe--spinner-size-lg;
height: $ascribe--spinner-size-lg;
border-width: 1px 1px 1px 0;
}
.spinner-wrapper-md .spinner-inner,
.spinner-wrapper-md .spinner-circle {
width: $ascribe--spinner-size-md;
height: $ascribe--spinner-size-md;
border-width: 1px 1px 1px 0;
}
.spinner-wrapper-sm .spinner-inner,
.spinner-wrapper-sm .spinner-circle {
width: $ascribe--spinner-size-sm;
height: $ascribe--spinner-size-sm;
}
.spinner-wrapper-lg .spinner-circle,
.spinner-wrapper-sm .spinner-circle,
.spinner-wrapper-md .spinner-circle {
border-width: 1px 1px 1px 0;
}
@ -99,26 +103,19 @@ $ascribe--spinner-size-sm: 15px;
position: relative;
text-align: center;
}
.spinner-wrapper-lg .spinner-inner {
font-size: $ascribe--spinner-size-lg;
top: -64px;
height: $ascribe--spinner-size-lg;
width: $ascribe--spinner-size-lg;
}
.spinner-wrapper-md .spinner-inner {
font-size: $ascribe--spinner-size-md;
top: -38px;
height: $ascribe--spinner-size-md;
width: $ascribe--spinner-size-md;
}
.spinner-wrapper-sm .spinner-inner {
font-size: $ascribe--spinner-size-sm;
top: -19px;
height: $ascribe--spinner-size-sm;
width: $ascribe--spinner-size-sm;
}
@-webkit-keyframes spin {