Browse
For agents
About
ElasticPress
/
5.3.5
ElasticPress
v5.3.5
Switch version
5.3.5
5.3.4
3.6.5
3.6.6
4.0.0
4.0.1
4.1.0
4.2.0
4.2.1
4.2.2
4.3.0
4.3.1
4.4.0
4.4.1
4.5.0
4.5.1
4.5.2
4.6.0
4.6.1
4.7.0
4.7.1
4.7.2
5.0.0
5.0.1
5.0.2
All 108 releases
Overview
Code
elasticpress
/
dist
/
css
/
sync-script.css
sync-script.css
in ElasticPress 5.3.5, at dist/css/sync-script.css
3 lines
5.3 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
ep-settings-page__wrap
{
margin-left
:
auto
;
margin-right
:
auto
;
max-width
:
800
px
}
.
ep-settings-page__header
{
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.
ep-settings-page__header
button
{
margin-top
:
5
px
}
.
ep-settings-page__snackbar-list
{
bottom
:
40
px
;
left
:
0
;
padding
:
0
16
px
;
position
:
fixed
}
@
media
(
min-width
:
600
px
)
{
.
ep-settings-page__snackbar-list
{
left
:
auto
;
padding
:
0
}
}
2
.
ep-sync-advanced-control
{
margin-bottom
:
24
px
}
.
ep-sync-advanced-control
.
components-flex
.
components-flex-item
{
-webkit-box-flex
:
2
;
-ms-flex-positive
:
2
;
flex-grow
:
2
}
.
ep-sync-advanced-control
.
components-checkbox-control
{
margin-bottom
:
1
em
}
fieldset
.
ep-sync-advanced-control
{
margin-bottom
:
16
px
}
.
ep-sync-advanced-control__label
{
display
:
inline-block
;
font-size
:
11
px
;
font-weight
:
500
;
line-height
:
1.4
;
margin-bottom
:
8
px
;
padding
:
0
;
text-transform
:
uppercase
}
.
ep-sync-controls
{
display
:
grid
;
grid-gap
:
8
px
;
grid-template-columns
:
-webkit-max-content
-webkit-max-content
auto
;
grid-template-columns
:
max-content
max-content
auto
;
margin-bottom
:
16
px
}
.
ep-sync-controls
.
is-link
{
grid-column
:
-1
;
justify-self
:
end
}
.
ep-sync-delete
{
margin-bottom
:
1
em
}
.
ep-sync-errors
{
background
:
#
f0f0f0
;
background
:
var
(
--ep-sync-color-light-grey
)
;
padding
:
8
px
16
px
}
.
ep-sync-errors__table
{
width
:
100
%
}
.
ep-sync-errors__table
thead
{
color
:
#
757575
}
.
ep-sync-errors__table
td
,
.
ep-sync-errors__table
th
{
padding
:
8
px
16
px
8
px
0
;
text-align
:
left
;
vertical-align
:
top
}
.
ep-sync-errors__table
th
{
font-weight
:
500
}
.
ep-sync-errors__count
{
font-weight
:
700
}
.
ep-sync-errors__solution
{
color
:
#
757575
;
display
:
block
;
font-size
:
12
px
}
.
ep-sync-log
{
margin
:
0
0
16
px
}
.
ep-sync-messages
{
-ms-flex-line-pack
:
start
;
align-content
:
start
;
background
:
#
1a1e24
;
background
:
var
(
--ep-sync-color-black
)
;
color
:
#
fff
;
color
:
var
(
--ep-sync-color-white
)
;
display
:
grid
;
font-family
:
monospace
;
grid-gap
:
0
8
px
;
gap
:
0
8
px
;
grid-template-columns
:
-webkit-max-content
auto
;
grid-template-columns
:
max-content
auto
;
height
:
21
em
;
line-height
:
2
;
overflow-y
:
auto
;
padding
:
8
px
16
px
;
white-space
:
pre-wrap
}
.
ep-sync-messages__line-number
{
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
min-width
:
3
ch
;
opacity
:
.5
;
text-align
:
right
}
.
ep-sync-panel
.
components-notice
{
margin-bottom
:
12
px
;
margin-left
:
0
;
margin-right
:
0
}
.
ep-sync-panel
.
components-checkbox-control
:
has
(
[
disabled
]
)
input
[
disabled
]
{
opacity
:
.5
}
.
ep-sync-panel
.
components-checkbox-control
:
has
(
[
disabled
]
)
.
components-checkbox-control__label
{
opacity
:
.5
}
.
ep-sync-panel__controls
.
is-opened
{
padding-bottom
:
4
px
}
.
ep-sync-panel__advanced
.
is-opened
{
padding-bottom
:
0
}
.
ep-previous-sync
{
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
display
:
grid
;
grid-column-gap
:
8
px
;
grid-template-areas
:
"
icon title
"
"
. help
"
;
grid-template-columns
:
-webkit-max-content
auto
;
grid-template-columns
:
max-content
auto
;
-webkit-box-pack
:
start
;
-ms-flex-pack
:
start
;
justify-content
:
start
}
.
ep-previous-sync
svg
{
display
:
block
;
grid-area
:
icon
}
.
ep-previous-sync
.
is-success
svg
{
fill
:
#
4ab866
;
fill
:
var
(
--ep-sync-color-success
)
}
.
ep-previous-sync
.
is-error
svg
{
fill
:
#
cc1818
;
fill
:
var
(
--ep-sync-color-error
)
}
.
ep-previous-sync__title
{
grid-area
:
title
}
.
ep-previous-sync__help
{
color
:
#
757575
;
font-size
:
12
px
;
font-style
:
normal
;
grid-area
:
help
}
.
ep-sync-progress-bar
{
background
:
#
f0f0f0
;
background
:
var
(
--ep-sync-color-light-grey
)
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
overflow
:
hidden
;
text-align
:
center
}
.
ep-sync-progress-bar
,
.
ep-sync-progress-bar__progress
{
border-radius
:
4
px
}
.
ep-sync-progress-bar__progress
{
background
:
var
(
--wp-admin-theme-color
)
;
color
:
#
fff
;
color
:
var
(
--ep-sync-color-white
)
;
height
:
8
px
;
padding
:
0
8
px
;
-webkit-transition
:
all
.5
s
ease-in-out
;
transition
:
all
.5
s
ease-in-out
;
white-space
:
nowrap
}
.
ep-sync-progress-bar--complete
.
ep-sync-progress-bar__progress
{
background
:
#
4ab866
;
background
:
var
(
--ep-sync-color-success
)
}
.
ep-sync-progress-bar--paused
.
ep-sync-progress-bar__progress
{
opacity
:
.5
}
.
ep-sync-progress-bar--failed
.
ep-sync-progress-bar__progress
{
background
:
#
cc1818
;
background
:
var
(
--ep-sync-color-error
)
}
@
-webkit-keyframes
ep-sync-rotation
{
0%
{
-webkit-transform
:
rotate
(
0
deg
)
;
transform
:
rotate
(
0
deg
)
}
to
{
-webkit-transform
:
rotate
(
359
deg
)
;
transform
:
rotate
(
359
deg
)
}
}
@
keyframes
ep-sync-rotation
{
0%
{
-webkit-transform
:
rotate
(
0
deg
)
;
transform
:
rotate
(
0
deg
)
}
to
{
-webkit-transform
:
rotate
(
359
deg
)
;
transform
:
rotate
(
359
deg
)
}
}
.
ep-sync-progress
{
-webkit-box-align
:
start
;
-ms-flex-align
:
start
;
align-items
:
start
;
display
:
grid
;
grid-column-gap
:
4
px
;
grid-row-gap
:
16
px
;
grid-template-columns
:
-webkit-min-content
auto
;
grid-template-columns
:
min-content
auto
;
margin-bottom
:
16
px
}
.
ep-sync-progress
svg
{
-webkit-animation
:
ep-sync-rotation
1.5
s
linear
infinite
;
animation
:
ep-sync-rotation
1.5
s
linear
infinite
;
-webkit-animation-play-state
:
paused
;
animation-play-state
:
paused
;
height
:
24
px
;
width
:
24
px
}
.
ep-sync-progress--syncing
svg
{
-webkit-animation-play-state
:
running
;
animation-play-state
:
running
}
.
ep-sync-progress__details
strong
{
display
:
block
;
line-height
:
24
px
}
.
ep-sync-progress__progress-bar
{
grid-column
:
1
/
-1
}
.
ep-sync-history
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
gap
:
16
px
;
list-style
:
none
;
margin-left
:
0
}
.
ep-sync-history
li
{
margin
:
0
}
:
root
{
--ep-sync-color-black
:
#
1a1e24
;
--ep-sync-color-error
:
#
cc1818
;
--ep-sync-color-light-grey
:
#
f0f0f0
;
--ep-sync-color-success
:
#
4ab866
;
--ep-sync-color-warning
:
#
ffb359
;
--ep-sync-color-white
:
#
fff
}
3
