Skip to content

Commit eb17991

Browse files
committed
remove overflow:hidden since it blocks container from scrolling. for full buttons, only set position:fixed to its loader if it's running
1 parent 9a41ca4 commit eb17991

File tree

3 files changed

+9
-16
lines changed

3 files changed

+9
-16
lines changed

dist/ldbtn.css

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@
99
position: relative;
1010
transition: all 0.3s;
1111
transition-timing-function: ease-in;
12-
overflow: hidden;
1312
}
1413
.ld-ext-right > .ld,
1514
.ld-ext-left > .ld,
@@ -72,12 +71,6 @@
7271
left: 50%;
7372
top: 1em;
7473
}
75-
.ld-over,
76-
.ld-over-inverse,
77-
.ld-over-full,
78-
.ld-over-full-inverse {
79-
overflow: hidden;
80-
}
8174
.ld-over.running > .ld,
8275
.ld-over-inverse.running > .ld,
8376
.ld-over-full.running > .ld,
@@ -101,8 +94,10 @@
10194
transition-timing-function: ease-in;
10295
background: rgba(240,240,240,0.8);
10396
}
104-
.ld-over-full > .ld,
105-
.ld-over-full-inverse > .ld {
97+
.ld-over-full.running > .ld,
98+
.ld-over-full-inverse.running > .ld,
99+
.ld-over-full.running:before,
100+
.ld-over-full-inverse.running:before {
106101
position: fixed;
107102
}
108103
.ld-over-full > .ld {
@@ -111,7 +106,6 @@
111106
.ld-over-full:before,
112107
.ld-over-full-inverse:before {
113108
z-index: -1;
114-
position: fixed;
115109
background: rgba(255,255,255,0.8);
116110
}
117111
.ld-over.running > .ld,

dist/ldbtn.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/ldbtn.styl

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
position: relative
33
transition: all .3s
44
transition-timing-function: ease-in
5-
overflow: hidden
65
& > .ld
76
position: absolute
87
top: 50%
@@ -46,7 +45,6 @@
4645
top: 1em
4746

4847
.ld-over, .ld-over-inverse, .ld-over-full, .ld-over-full-inverse
49-
overflow: hidden
5048
&.running > .ld
5149
z-index: 99999
5250
&:before
@@ -63,14 +61,15 @@
6361
transition-timing-function: ease-in
6462
background: rgba(240,240,240,0.8)
6563

66-
.ld-over-full > .ld, .ld-over-full-inverse > .ld
67-
position: fixed
64+
.ld-over-full.running, .ld-over-full-inverse.running
65+
& > .ld, &:before
66+
position: fixed
6867

6968
.ld-over-full > .ld
7069
color: rgba(0,0,0,0.8)
70+
7171
.ld-over-full:before, .ld-over-full-inverse:before
7272
z-index: -1
73-
position: fixed
7473
background: rgba(255,255,255,0.8)
7574

7675
.ld-over.running, .ld-over-inverse.running, .ld-over-full.running, .ld-over-full-inverse.running

0 commit comments

Comments
 (0)