ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-01-03 18:35:09 +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>} </div>}
spinner={ spinner={
<div className="modal-footer"> <div className="modal-footer">
<div className="modal-footer"> <p className="pull-right">
<p className="pull-right"> <AscribeSpinner color='dark-blue' size='md'/>
<AscribeSpinner color='dark-blue' size='md'/> </p>
</p>
</div>
</div>}> </div>}>
<Property <Property
name='unconsign_request_message' name='unconsign_request_message'

29
sass/ascribe_spinner.scss
View File

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