Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Loader] Centralised, Double+Elastic, other modules supported and dimmer option added #301

Merged
merged 25 commits into from
Dec 20, 2018
Merged

[Loader] Centralised, Double+Elastic, other modules supported and dimmer option added #301

Show file tree
Hide file tree
Changes from 21 commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
ec6e959
feat(loader): added loader style 'double' and optimized code
lubber-de Nov 23, 2018
f57ed10
feat(loader): support colors, speeds and double style for all loading…
lubber-de Nov 25, 2018
362eed8
feat(loader): support 'usual' class to keep uncolored loader in color…
lubber-de Nov 25, 2018
f3fcd84
feat(loader): fixed forgotten search loader border
lubber-de Nov 25, 2018
3fe733f
feat(dimmer): added loader incl. text and style support to dimmer opt…
lubber-de Nov 28, 2018
ee746ba
feat(dimmer): changed option to 'loaderVariation' to stay consistent …
lubber-de Nov 28, 2018
f773ac1
Merge branch 'develop' into enhanced_loader
lubber-de Dec 1, 2018
a30a92d
Merge branch 'develop' into enhanced_loader
lubber-de Dec 3, 2018
db8ccfc
Merge branch 'develop' of https://github.com/fomantic/Fomantic-UI int…
lubber-de Dec 5, 2018
706cc21
Merge branch 'develop' of https://github.com/fomantic/Fomantic-UI int…
lubber-de Dec 6, 2018
2c30c25
feat(loader): simplify loader rotation keyframes
lubber-de Dec 6, 2018
d1f3198
Merge branch 'develop' of https://github.com/fomantic/Fomantic-UI int…
lubber-de Dec 7, 2018
7375ab0
Merge branch 'develop' of https://github.com/fomantic/Fomantic-UI int…
lubber-de Dec 7, 2018
e9e6beb
feat(loader): increase specificity for inverted button usage
lubber-de Dec 12, 2018
d06cdf1
Merge branch 'develop' of https://github.com/fomantic/Fomantic-UI int…
lubber-de Dec 13, 2018
fabe0e7
Merge branch 'develop' into enhanced_loader
lubber-de Dec 13, 2018
e28be22
feat(loader): Added elastic variant
lubber-de Dec 14, 2018
e0f37b2
feat(loader): fixed elastic and double for button
lubber-de Dec 14, 2018
4c9b2b6
feat(loader): added slow and fast variation, fixed segment
lubber-de Dec 14, 2018
9c56131
feat(loader): Fixed color on dimmer loader
lubber-de Dec 14, 2018
65bfdfc
feat(loader): simplified button border definition
lubber-de Dec 15, 2018
79e4558
fix(tab): added newline to EOF
lubber-de Dec 16, 2018
c5fb342
Merge branch 'develop' into enhanced_loader
lubber-de Dec 17, 2018
aa31a35
Merge branch 'develop' into enhanced_loader
lubber-de Dec 17, 2018
c785848
Merge branch 'develop' into enhanced_loader
lubber-de Dec 18, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 3 additions & 18 deletions src/definitions/collections/form.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -658,30 +658,15 @@
width: @loaderSize;
height: @loaderSize;

animation: form-spin @loaderSpeed linear;
animation-iteration-count: infinite;

animation: loader @loaderSpeed infinite linear;
border: @loaderLineWidth solid @loaderLineColor;
border-radius: @circularRadius;

border-color: @loaderLineColor @loaderFillColor @loaderFillColor @loaderFillColor;
border-style: solid;
border-width: @loaderLineWidth;

box-shadow: 0px 0px 0px 1px transparent;
box-shadow: 0 0 0 1px transparent;
visibility: visible;
z-index: @loaderLineZIndex;
}

@keyframes form-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}


/*******************************
Element Types
*******************************/
Expand Down
22 changes: 5 additions & 17 deletions src/definitions/elements/button.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -161,36 +161,24 @@
width: @loaderSize;
height: @loaderSize;

animation: button-spin @loaderSpeed linear;
animation-iteration-count: infinite;

border-radius: @circularRadius;

border-color: @invertedLoaderLineColor transparent transparent;
border-style: solid;
border-width: @loaderLineWidth;
animation: loader @loaderSpeed infinite linear;
border: @loaderLineWidth solid currentColor;
color: @invertedLoaderLineColor;

box-shadow: 0px 0px 0px 1px transparent;
box-shadow: 0 0 0 1px transparent;
}
.ui.labeled.icon.loading.button .icon {
background-color: transparent;
box-shadow: none;
}

@keyframes button-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

.ui.basic.loading.button:not(.inverted):before {
border-color: @loaderFillColor;
}
.ui.basic.loading.button:not(.inverted):after {
border-top-color: @loaderLineColor;
border-color: @loaderLineColor;
}

/*-------------------
Expand Down
10 changes: 3 additions & 7 deletions src/definitions/elements/input.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,16 +130,12 @@
width: @loaderSize;
height: @loaderSize;

animation: button-spin @loaderSpeed linear;
animation-iteration-count: infinite;
animation: loader @loaderSpeed infinite linear;

border: @loaderLineWidth solid @loaderLineColor;
border-radius: @circularRadius;

border-color: @loaderLineColor transparent transparent;
border-style: solid;
border-width: @loaderLineWidth;

box-shadow: 0px 0px 0px 1px transparent;
box-shadow: 0 0 0 1px transparent;
}


Expand Down
Loading