mirror/processwire
1
0
Fork 0
mirror of https://github.com/processwire/processwire.git synced 2025-08-24 15:23:11 +02:00
Code Issues Releases Wiki Activity

Update InputfieldCKEditor figure/figcaption styles to bind width of caption to width of image

Browse Source
This commit is contained in:
Ryan Cramer
2018-05-25 10:40:15 -04:00
parent 81ceb184b2
commit 5b38c26806
3 changed files with 6 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
wire/modules/Inputfield/InputfieldCKEditor/contents-inline.css
View File

@@ -61,24 +61,12 @@
font-weight: bold; }
.InputfieldForm .InputfieldCKEditorInline img .cke_anchor {
display: inline; }
.InputfieldForm .InputfieldCKEditorInline figure {
margin: 1em 0 1em 0;
display: inline-block; }
.InputfieldForm .InputfieldCKEditorInline figure figcaption {
margin-top: 0.5em;
display: block;
line-height: 1.3em;
color: #777;
font-size: 13px; }
.InputfieldForm .InputfieldCKEditorInline figure {
display: table;
/*width: 1px;*/
margin: 1em 0; }
.InputfieldForm .InputfieldCKEditorInline figure img {
display: table-row;
margin-bottom: 0.5em; }
.InputfieldForm .InputfieldCKEditorInline figure figcaption {
display: table-row;
display: table-caption;
caption-side: bottom;
line-height: 1.3em;
color: #777;
font-size: 13px; }
@@ -107,5 +95,3 @@
display: block;
margin-left: auto;
margin-right: auto; }
/*# sourceMappingURL=contents-inline.css.map */

24
wire/modules/Inputfield/InputfieldCKEditor/contents-inline.scss
View File

@@ -114,32 +114,12 @@ $cke-link-hover-background: #ffffdd;
}
}
figure {
margin: 1em 0 1em 0;
display: inline-block;
figcaption {
margin-top: 0.5em;
display: block;
line-height: 1.3em;
color: #777;
font-size: 13px;
}
}
figure {
display: table;
/*width: 1px;*/
margin: 1em 0;
img {
display: table-row;
margin-bottom: 0.5em;
}
figcaption {
display: table-row;
display: table-caption;
caption-side: bottom;
line-height: 1.3em;
color: #777;
font-size: 13px;

9
wire/modules/Inputfield/InputfieldCKEditor/contents.css
View File

@@ -74,18 +74,13 @@ hr {
figure {
display: table;
/*width: 1px;*/
margin: 1em 0;
}
figure img {
display: table-row;
margin-bottom: 0.5em;
}
.cke_editable figure figcaption,
figure figcaption {
display: table-row;
display: table-caption;
caption-side: bottom;
line-height: 1.3em;
color: #777;
font-size: 13px;