react-native-wordpress-editor
Version:
React Native Wrapper for WordPress Rich Text Editor. The WordPress-Editor is the text editor used in the official WordPress mobile apps to create and edit pages & posts
96 lines (83 loc) • 2.7 kB
CSS
@media screen and (min-width: 720px) and (max-width: 1279px) {
body {
padding-left:90px;
padding-right:90px;
}
}
@media screen and (min-width: 1280px){
body {
padding-left:170px;
padding-right:170px;
}
}
video::-webkit-media-controls-fullscreen-button {
display: none;
}
/* Duplicates paragraph tag formatting for div tags, which are needed on Android API 19+ due to autocorrect issues:
https://bugs.chromium.org/p/chromium/issues/detail?id=599890
*/
div:not(.field):not(#separatorDiv) {
line-height: 24px;
margin-top: 0px;
margin-bottom: 24px;
}
/* --- API<19 workarounds --- */
/* Used only on older APIs (API<19), which don't support CSS filter effects (specifically, blur). */
.edit-container .edit-overlay-bg {
position: absolute;
top: -6px;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.5);
}
/* Used only on older APIs (API<19), where using inline-block is buggy and sometimes displays a very small container */
span.img_container.compat,
span.video_container.compat {
display: block;
}
/* Used on API<19 to darken the image so that the 'uploading' and 'retry' overlays can still be seen when the image is
light */
.img_container .upload-overlay-bg,
.video_container .upload-overlay-bg {
position: absolute;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.5);
}
/* When the upload-overlay-bg element is present (API<19), a bug is exposed where the img_container is slightly larger
than its containing image. The upload-overlay-bg is larger as well, leaving a dark line below the image. By setting
display:block on the image and setting a width limit we get around this issue. */
.img_container .upload-overlay-bg ~ img.uploading,
.video_container .upload-overlay-bg ~ img.uploading {
display:block;
max-width:100%;
}
.img_container .upload-overlay-bg ~ img.failed,
.video_container .upload-overlay-bg ~ img.failed{
display:block;
max-width:100%;
}
/* Used only on older APIs (API<19) instead of a progress bar for uploading images, since the WebView at those API
levels does not support the progress tag */
.img_container .upload-overlay,
.video_container .upload-overlay{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
width:100%;
z-index: 100;
min-width: 60px;
font-family: sans-serif;
font-size:20px;
font-weight:600;
text-align: center;
text-shadow: 0px 1px 2px rgba(0,0,0,.06);
color: white;
}
.img_container .upload-overlay.failed,
.video_container .upload-overlay.failed{
visibility: hidden;
}