Skip to content

Commit dc71d72

Browse files
camdenvaughanmartinjagodic
camdenvaughan
and
martinjagodic
authored
fix: change EditorToolbar position style (#7198)
Changed ToolbarContainer's position element to be absolute - #7197 Co-authored-by: Martin Jagodic <[email protected]>
1 parent 041e34e commit dc71d72

File tree

2 files changed

+16
-16
lines changed

2 files changed

+16
-16
lines changed

Diff for: ‎packages/decap-cms-core/src/components/Editor/EditorToolbar.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ const DropdownButton = styled(StyledDropdownButton)`
8585
const ToolbarContainer = styled.div`
8686
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05), 0 1px 3px 0 rgba(68, 74, 87, 0.1),
8787
0 2px 54px rgba(0, 0, 0, 0.1);
88-
position: fixed;
88+
position: absolute;
8989
top: 0;
9090
left: 0;
9191
width: 100%;

Diff for: ‎packages/decap-cms-core/src/components/Editor/__tests__/__snapshots__/EditorToolbar.spec.js.snap

+15-15
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ exports[`EditorToolbar should render normal save button 1`] = `
44
<DocumentFragment>
55
.emotion-0 {
66
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
7-
position: fixed;
7+
position: absolute;
88
top: 0;
99
left: 0;
1010
width: 100%;
@@ -260,7 +260,7 @@ exports[`EditorToolbar should render normal save button 2`] = `
260260
<DocumentFragment>
261261
.emotion-0 {
262262
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
263-
position: fixed;
263+
position: absolute;
264264
top: 0;
265265
left: 0;
266266
width: 100%;
@@ -516,7 +516,7 @@ exports[`EditorToolbar should render with default props 1`] = `
516516
<DocumentFragment>
517517
.emotion-0 {
518518
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
519-
position: fixed;
519+
position: absolute;
520520
top: 0;
521521
left: 0;
522522
width: 100%;
@@ -731,7 +731,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
731731
<DocumentFragment>
732732
.emotion-0 {
733733
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
734-
position: fixed;
734+
position: absolute;
735735
top: 0;
736736
left: 0;
737737
width: 100%;
@@ -1021,7 +1021,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
10211021
<DocumentFragment>
10221022
.emotion-0 {
10231023
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
1024-
position: fixed;
1024+
position: absolute;
10251025
top: 0;
10261026
left: 0;
10271027
width: 100%;
@@ -1372,7 +1372,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
13721372
<DocumentFragment>
13731373
.emotion-0 {
13741374
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
1375-
position: fixed;
1375+
position: absolute;
13761376
top: 0;
13771377
left: 0;
13781378
width: 100%;
@@ -1662,7 +1662,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
16621662
<DocumentFragment>
16631663
.emotion-0 {
16641664
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
1665-
position: fixed;
1665+
position: absolute;
16661666
top: 0;
16671667
left: 0;
16681668
width: 100%;
@@ -1990,7 +1990,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
19901990
<DocumentFragment>
19911991
.emotion-0 {
19921992
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
1993-
position: fixed;
1993+
position: absolute;
19941994
top: 0;
19951995
left: 0;
19961996
width: 100%;
@@ -2280,7 +2280,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
22802280
<DocumentFragment>
22812281
.emotion-0 {
22822282
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
2283-
position: fixed;
2283+
position: absolute;
22842284
top: 0;
22852285
left: 0;
22862286
width: 100%;
@@ -2631,7 +2631,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
26312631
<DocumentFragment>
26322632
.emotion-0 {
26332633
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
2634-
position: fixed;
2634+
position: absolute;
26352635
top: 0;
26362636
left: 0;
26372637
width: 100%;
@@ -2851,7 +2851,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
28512851
<DocumentFragment>
28522852
.emotion-0 {
28532853
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
2854-
position: fixed;
2854+
position: absolute;
28552855
top: 0;
28562856
left: 0;
28572857
width: 100%;
@@ -3041,7 +3041,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
30413041
<DocumentFragment>
30423042
.emotion-0 {
30433043
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
3044-
position: fixed;
3044+
position: absolute;
30453045
top: 0;
30463046
left: 0;
30473047
width: 100%;
@@ -3261,7 +3261,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
32613261
<DocumentFragment>
32623262
.emotion-0 {
32633263
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
3264-
position: fixed;
3264+
position: absolute;
32653265
top: 0;
32663266
left: 0;
32673267
width: 100%;
@@ -3481,7 +3481,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
34813481
<DocumentFragment>
34823482
.emotion-0 {
34833483
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
3484-
position: fixed;
3484+
position: absolute;
34853485
top: 0;
34863486
left: 0;
34873487
width: 100%;
@@ -3701,7 +3701,7 @@ exports[`EditorToolbar should render with workflow controls hasUnpublishedChange
37013701
<DocumentFragment>
37023702
.emotion-0 {
37033703
box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1),0 2px 54px rgba(0, 0, 0, 0.1);
3704-
position: fixed;
3704+
position: absolute;
37053705
top: 0;
37063706
left: 0;
37073707
width: 100%;

0 commit comments

Comments
 (0)