@diplodoc/transform 4.22.0 → 4.24.0-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/print.css.map +2 -2
- package/dist/css/yfm.css +102 -1
- package/dist/css/yfm.css.map +3 -3
- package/dist/css/yfm.min.css +1 -1
- package/dist/css/yfm.min.css.map +3 -3
- package/dist/js/yfm.js +184 -68
- package/dist/js/yfm.js.map +4 -4
- package/dist/js/yfm.min.js +1 -1
- package/dist/js/yfm.min.js.map +4 -4
- package/lib/plugins/table/utils.d.ts +8 -0
- package/lib/plugins/table/utils.js +40 -0
- package/lib/plugins/table/utils.js.map +1 -0
- package/package.json +1 -1
- package/src/js/index.ts +1 -0
- package/src/js/patch.ts +5 -0
- package/src/js/wide-mode/apply.ts +34 -0
- package/src/js/wide-mode/constants.ts +1 -0
- package/src/js/wide-mode/globals.d.ts +12 -0
- package/src/js/wide-mode/icons/close.ts +1 -0
- package/src/js/wide-mode/icons/expand.ts +1 -0
- package/src/js/wide-mode/index.ts +5 -0
- package/src/js/wide-mode/modal.ts +111 -0
- package/src/scss/_modal.scss +123 -0
- package/src/scss/yfm.scss +1 -0
package/dist/css/print.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/scss/
|
|
4
|
-
"sourcesContent": ["@media print {\n .yfm {\n .yfm-clipboard {\n & > pre > code {\n white-space: pre-wrap;\n }\n }\n }\n}", "@media print {\n .yfm .yfm-clipboard > pre > code {\n white-space: pre-wrap;\n }\n}\n@media print {\n .yfm .yfm-page__delimeter {\n display: none;\n }\n .yfm h1[data-original-article], .yfm h2[data-original-article] {\n page-break-before: always;\n }\n}\n@media print {\n .yfm .yfm-cut-title {\n padding-left: 0;\n }\n .yfm .yfm-cut-title:before {\n display: none;\n }\n .yfm .yfm-cut-content {\n height: auto;\n display: block;\n padding: 5px 0 15px 30px;\n }\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol {\n counter-reset: cut-list;\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol > li {\n counter-increment: cut-list;\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol > li::before {\n content: counters(cut-list, \".\") \". \";\n}\n\n@media print {\n .yfm .yfm-note {\n page-break-inside: avoid;\n }\n}\n.yfm .yfm-table-container {\n position: relative;\n}\n.yfm .yfm-table-container > table {\n overflow: initial;\n position: absolute;\n top: 0;\n left: 0;\n max-width: initial;\n transform-origin: top left;\n}\n.yfm .yfm-table-container > table thead {\n display: table-row-group;\n}\n.yfm .yfm-table-container > table th, .yfm .yfm-table-container > table td {\n page-break-inside: avoid;\n white-space: pre-wrap;\n text-overflow: initial;\n}\n\n@media print {\n .yfm .yfm-tab-list {\n display: none;\n }\n .yfm .yfm-tab-panel {\n visibility: visible;\n height: auto;\n display: block;\n }\n .yfm .yfm-tab-panel:before {\n content: attr(data-title);\n margin-bottom: -1px;\n margin-right: 20px;\n border-bottom: 2px solid transparent;\n line-height: 33px;\n font-weight: 700;\n outline: 0;\n cursor: pointer;\n }\n}\n@media print {\n .yfm .yfm-term_title {\n color: currentColor;\n border-bottom: none;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
3
|
+
"sources": ["../../src/scss/Users/v8tenko/diplodoc/packages/transform/src/scss/print/code.scss", "../../src/scss/%3Cinput%20css%20doIkjA%3E", "../../src/scss/Users/v8tenko/diplodoc/packages/transform/src/scss/print/common.scss", "../../src/scss/Users/v8tenko/diplodoc/packages/transform/src/scss/print/cut.scss", "../../src/scss/Users/v8tenko/diplodoc/packages/transform/src/scss/print/note.scss", "../../src/scss/Users/v8tenko/diplodoc/packages/transform/src/scss/print/table.scss", "../../src/scss/Users/v8tenko/diplodoc/packages/transform/src/scss/print/tabs.scss", "../../src/scss/Users/v8tenko/diplodoc/packages/transform/src/scss/print/term.scss"],
|
|
4
|
+
"sourcesContent": ["@media print {\n .yfm {\n .yfm-clipboard {\n & > pre > code {\n white-space: pre-wrap;\n }\n }\n }\n}", "@media print {\n .yfm .yfm-clipboard > pre > code {\n white-space: pre-wrap;\n }\n}\n@media print {\n .yfm .yfm-page__delimeter {\n display: none;\n }\n .yfm h1[data-original-article], .yfm h2[data-original-article] {\n page-break-before: always;\n }\n}\n@media print {\n .yfm .yfm-cut-title {\n padding-left: 0;\n }\n .yfm .yfm-cut-title:before {\n display: none;\n }\n .yfm .yfm-cut-content {\n height: auto;\n display: block;\n padding: 5px 0 15px 30px;\n }\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol {\n counter-reset: cut-list;\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol > li {\n counter-increment: cut-list;\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol > li::before {\n content: counters(cut-list, \".\") \". \";\n}\n\n@media print {\n .yfm .yfm-note {\n page-break-inside: avoid;\n }\n}\n.yfm .yfm-table-container {\n position: relative;\n}\n.yfm .yfm-table-container > table {\n overflow: initial;\n position: absolute;\n top: 0;\n left: 0;\n max-width: initial;\n transform-origin: top left;\n}\n.yfm .yfm-table-container > table thead {\n display: table-row-group;\n}\n.yfm .yfm-table-container > table th, .yfm .yfm-table-container > table td {\n page-break-inside: avoid;\n white-space: pre-wrap;\n text-overflow: initial;\n}\n\n@media print {\n .yfm .yfm-tab-list {\n display: none;\n }\n .yfm .yfm-tab-panel {\n visibility: visible;\n height: auto;\n display: block;\n }\n .yfm .yfm-tab-panel:before {\n content: attr(data-title);\n margin-bottom: -1px;\n margin-right: 20px;\n border-bottom: 2px solid transparent;\n line-height: 33px;\n font-weight: 700;\n outline: 0;\n cursor: pointer;\n }\n}\n@media print {\n .yfm .yfm-term_title {\n color: currentColor;\n border-bottom: none;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Y4dGVua28vZGlwbG9kb2MvcGFja2FnZXMvdHJhbnNmb3JtL3NyYy9zY3NzIiwic291cmNlcyI6WyJwcmludC9jb2RlLnNjc3MiLCJwcmludC9jb21tb24uc2NzcyIsInByaW50L2N1dC5zY3NzIiwicHJpbnQvbm90ZS5zY3NzIiwicHJpbnQvdGFibGUuc2NzcyIsInByaW50L3RhYnMuc2NzcyIsInByaW50L3Rlcm0uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUdZO0lBQ0k7OztBQ0poQjtFQUVRO0lBQ0k7O0VBSUE7SUFDSTs7O0FDUmhCO0VBR1k7SUFDSTs7RUFFQTtJQUNJOztFQUlSO0lBQ0k7SUFDQTtJQUNBOzs7QUFPWjtFQUNJOztBQUVBO0VBQ0k7O0FBRUE7RUFDSTs7O0FDNUJoQjtFQUVRO0lBQ0k7OztBQ0ZSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7O0FDbkJoQjtFQUdZO0lBQ0k7O0VBR0o7SUFDSTtJQUNBO0lBQ0E7O0VBR0o7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBOzs7QUNyQmhCO0VBR1k7SUFDSTtJQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQG1lZGlhIHByaW50IHtcbiAgICAueWZtIHtcbiAgICAgICAgLnlmbS1jbGlwYm9hcmQge1xuICAgICAgICAgICAgJiA+IHByZSA+IGNvZGUge1xuICAgICAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0iLCJAbWVkaWEgcHJpbnQge1xuICAgIC55Zm0ge1xuICAgICAgICAueWZtLXBhZ2VfX2RlbGltZXRlciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgaDEsIGgyIHtcbiAgICAgICAgICAgICZbZGF0YS1vcmlnaW5hbC1hcnRpY2xlXSB7XG4gICAgICAgICAgICAgICAgcGFnZS1icmVhay1iZWZvcmU6IGFsd2F5cztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0iLCJAbWVkaWEgcHJpbnQge1xuICAgIC55Zm0ge1xuICAgICAgICAueWZtLWN1dCB7XG4gICAgICAgICAgICAmLXRpdGxlIHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDA7XG5cbiAgICAgICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLWNvbnRlbnQge1xuICAgICAgICAgICAgICAgIGhlaWdodDogYXV0bztcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiA1cHggMCAxNXB4IDMwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG5cbi55Zm0tY3V0LWNvbnRlbnQge1xuICAgIC55Zm06bm90KC55Zm1fbm8tbGlzdC1yZXNldCkgJiBvbCB7XG4gICAgICAgIGNvdW50ZXItcmVzZXQ6IGN1dC1saXN0O1xuXG4gICAgICAgICYgPiBsaSB7XG4gICAgICAgICAgICBjb3VudGVyLWluY3JlbWVudDogY3V0LWxpc3Q7XG5cbiAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogY291bnRlcnMoY3V0LWxpc3QsICcuJykgJy4gJztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBtZWRpYSBwcmludCB7XG4gICAgLnlmbSB7XG4gICAgICAgIC55Zm0tbm90ZSB7XG4gICAgICAgICAgICBwYWdlLWJyZWFrLWluc2lkZTogYXZvaWQ7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCIueWZtIHtcbiAgICAueWZtLXRhYmxlLWNvbnRhaW5lciB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAmID4gdGFibGUge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGluaXRpYWw7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgbWF4LXdpZHRoOiBpbml0aWFsO1xuICAgICAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7XG5cbiAgICAgICAgICAgIHRoZWFkIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiB0YWJsZS1yb3ctZ3JvdXA7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHRoLCB0ZCB7XG4gICAgICAgICAgICAgICAgcGFnZS1icmVhay1pbnNpZGU6IGF2b2lkO1xuICAgICAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBpbml0aWFsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufSIsIkBtZWRpYSBwcmludCB7XG4gICAgLnlmbSB7XG4gICAgICAgIC55Zm0tdGFiIHtcbiAgICAgICAgICAgICYtbGlzdCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi1wYW5lbCB7XG4gICAgICAgICAgICAgICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYtcGFuZWw6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBjb250ZW50OiBhdHRyKGRhdGEtdGl0bGUpO1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IC0xcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMzNweDtcbiAgICAgICAgICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiQG1lZGlhIHByaW50IHtcbiAgICAueWZtIHtcbiAgICAgICAgLnlmbS10ZXJtIHtcbiAgICAgICAgICAgICZfdGl0bGUge1xuICAgICAgICAgICAgICAgIGNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0iXX0= */", "@media print {\n .yfm {\n .yfm-page__delimeter {\n display: none;\n }\n\n h1, h2 {\n &[data-original-article] {\n page-break-before: always;\n }\n }\n }\n}", "@media print {\n .yfm {\n .yfm-cut {\n &-title {\n padding-left: 0;\n\n &:before {\n display: none;\n }\n }\n\n &-content {\n height: auto;\n display: block;\n padding: 5px 0 15px 30px;\n }\n }\n }\n}\n\n.yfm-cut-content {\n .yfm:not(.yfm_no-list-reset) & ol {\n counter-reset: cut-list;\n\n & > li {\n counter-increment: cut-list;\n\n &::before {\n content: counters(cut-list, '.') '. ';\n }\n }\n }\n}\n", "@media print {\n .yfm {\n .yfm-note {\n page-break-inside: avoid;\n }\n }\n}\n", ".yfm {\n .yfm-table-container {\n position: relative;\n\n & > table {\n overflow: initial;\n position: absolute;\n top: 0;\n left: 0;\n max-width: initial;\n transform-origin: top left;\n\n thead {\n display: table-row-group;\n }\n\n th, td {\n page-break-inside: avoid;\n white-space: pre-wrap;\n text-overflow: initial;\n }\n }\n }\n}", "@media print {\n .yfm {\n .yfm-tab {\n &-list {\n display: none;\n }\n\n &-panel {\n visibility: visible;\n height: auto;\n display: block;\n }\n\n &-panel:before {\n content: attr(data-title);\n margin-bottom: -1px;\n margin-right: 20px;\n border-bottom: 2px solid transparent;\n line-height: 33px;\n font-weight: 700;\n outline: 0;\n cursor: pointer;\n }\n }\n }\n}\n", "@media print {\n .yfm {\n .yfm-term {\n &_title {\n color: currentColor;\n border-bottom: none;\n }\n }\n }\n}"],
|
|
5
5
|
"mappings": ";AAAA,OAAA;AAGY,GAAA,IAAA,CAAA,cAAA,EAAA,IAAA,EAAA;AACI,iBAAA;ACDd;AACF;ACJA,OAAA;AAEQ,GFCI,IEDJ,CAAA;AACI,aAAA;ADKV;ACDU,GFJA,IEIA,EAAA,CAAA;EAAA,CFJA,IEIA,EAAA,CAAA;AACI,uBAAA;ADGd;AACF;AEZA,OAAA;AAGY,GHAA,IGAA,CAAA;AACI,kBAAA;AFYd;AEVc,GHHJ,IGGI,CAHJ,aAGI;AACI,aAAA;AFYlB;AERU,GHRA,IGQA,CAAA;AACI,YAAA;AACA,aAAA;AACA,aAAA,IAAA,EAAA,KAAA;AFUd;AACF;AEJI,CHlBQ,GGkBR,KAAA,CAAA,mBAAA,CAVQ,gBAUR;AACI,iBAAA;AFMR;AEJQ,CHrBI,GGqBJ,KAAA,CAHJ,mBAGI,CAbI,gBAaJ,GAAA,EAAA;AACI,qBAAA;AFMZ;AEJY,CHxBA,GGwBA,KAAA,CANR,mBAMQ,CAhBA,gBAgBA,GAAA,EAAA,EAAA;AACI,WAAA,SAAA,QAAA,EAAA,KAAA;AFMhB;AGlCA,OAAA;AAEQ,GJCI,IIDJ,CAAA;AACI,uBAAA;AHoCV;AACF;AIvCI,CLEQ,IKFR,CAAA;AACI,YAAA;AJyCR;AIvCQ,CLDI,IKCJ,CAHJ,oBAGI,EAAA;AACI,YAAA;AAAA,YAAA;AACA,YAAA;AACA,OAAA;AACA,QAAA;AACA,aAAA;AAAA,aAAA;AACA,oBAAA,IAAA;AJyCZ;AIvCY,CLTA,IKSA,CAXR,oBAWQ,EAAA,MAAA;AACI,WAAA;AJyChB;AItCY,CLbA,IKaA,CAfR,oBAeQ,EAAA,MAAA;AAAA,CLbA,IKaA,CAfR,oBAeQ,EAAA,MAAA;AACI,qBAAA;AACA,eAAA;AACA,iBAAA;AJwChB;AK3DA,OAAA;AAGY,GNAA,IMAA,CAAA;AACI,aAAA;AL4Dd;AKzDU,GNJA,IMIA,CAAA;AACI,gBAAA;AACA,YAAA;AACA,aAAA;AL2Dd;AKxDU,GNVA,IMUA,CANA,aAMA;AACI,aAAA,KAAA;AACA,mBAAA;AACA,kBAAA;AACA,mBAAA,IAAA,MAAA;AACA,iBAAA;AACA,iBAAA;AACA,aAAA;AACA,YAAA;AL0Dd;AACF;AMhFA,OAAA;AAGY,GPAA,IOAA,CAAA;AACI,WAAA;AACA,mBAAA;ANgFd;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/css/yfm.css
CHANGED
|
@@ -361,7 +361,6 @@
|
|
|
361
361
|
padding: 0;
|
|
362
362
|
white-space: nowrap;
|
|
363
363
|
border: 0;
|
|
364
|
-
-webkit-clip-path: inset(100%);
|
|
365
364
|
clip-path: inset(100%);
|
|
366
365
|
-webkit-user-select: none;
|
|
367
366
|
-moz-user-select: none;
|
|
@@ -710,6 +709,108 @@
|
|
|
710
709
|
.yfm table td.cell-align-bottom-right {
|
|
711
710
|
vertical-align: bottom;
|
|
712
711
|
}
|
|
712
|
+
.wide-container {
|
|
713
|
+
position: fixed;
|
|
714
|
+
width: 100vw;
|
|
715
|
+
height: 100vh;
|
|
716
|
+
display: flex;
|
|
717
|
+
justify-content: center;
|
|
718
|
+
align-items: center;
|
|
719
|
+
top: 0px;
|
|
720
|
+
left: 0px;
|
|
721
|
+
z-index: 200;
|
|
722
|
+
}
|
|
723
|
+
.wide-container.dc-doc-page {
|
|
724
|
+
max-width: 100% !important;
|
|
725
|
+
}
|
|
726
|
+
.wide-container .wide-content-viewer {
|
|
727
|
+
visibility: hidden;
|
|
728
|
+
}
|
|
729
|
+
.wide-container .wide-content-wrapper {
|
|
730
|
+
z-index: 200;
|
|
731
|
+
background-color: var(--g-color-base-background);
|
|
732
|
+
height: 90vh;
|
|
733
|
+
width: 70vw;
|
|
734
|
+
border-radius: 10px;
|
|
735
|
+
display: flex;
|
|
736
|
+
flex-direction: column;
|
|
737
|
+
}
|
|
738
|
+
.wide-container .wide-content-wrapper .wide-content {
|
|
739
|
+
height: 95%;
|
|
740
|
+
width: 100%;
|
|
741
|
+
}
|
|
742
|
+
.wide-container .wide-content-wrapper .wide-content .wide-inner-element {
|
|
743
|
+
max-width: 100%;
|
|
744
|
+
width: 100%;
|
|
745
|
+
height: 100%;
|
|
746
|
+
}
|
|
747
|
+
.wide-container .wide-content-wrapper .wide-content table {
|
|
748
|
+
border-radius: 0px;
|
|
749
|
+
}
|
|
750
|
+
.wide-container .wide-content-wrapper .wide-content .wide-thead-content {
|
|
751
|
+
display: table;
|
|
752
|
+
width: 100%;
|
|
753
|
+
}
|
|
754
|
+
.wide-container .wide-content-wrapper .wide-toolbar {
|
|
755
|
+
display: flex;
|
|
756
|
+
flex-direction: row;
|
|
757
|
+
width: 100%;
|
|
758
|
+
justify-content: space-between;
|
|
759
|
+
align-items: center;
|
|
760
|
+
padding: 10px 12px;
|
|
761
|
+
}
|
|
762
|
+
.wide-container .wide-content-wrapper .wide-entity-name {
|
|
763
|
+
margin: 0;
|
|
764
|
+
font-size: 18px;
|
|
765
|
+
}
|
|
766
|
+
.wide-container .wide-content-wrapper .wide-actions {
|
|
767
|
+
align-self: flex-end;
|
|
768
|
+
}
|
|
769
|
+
.wide-container .wide-content-wrapper .wide-actions .close-action {
|
|
770
|
+
cursor: pointer;
|
|
771
|
+
border-radius: 3px;
|
|
772
|
+
transition: background 300ms;
|
|
773
|
+
}
|
|
774
|
+
.wide-container .wide-content-wrapper .wide-actions .close-action:hover {
|
|
775
|
+
background: var(--g-color-base-simple-hover);
|
|
776
|
+
}
|
|
777
|
+
.wide-element-wrapper {
|
|
778
|
+
display: inline-block;
|
|
779
|
+
position: relative;
|
|
780
|
+
padding-right: 30px;
|
|
781
|
+
}
|
|
782
|
+
.wide-element-wrapper:hover > .wide-content-viewer {
|
|
783
|
+
visibility: visible;
|
|
784
|
+
}
|
|
785
|
+
.wide-element-wrapper .wide-inner-element {
|
|
786
|
+
max-width: 700px;
|
|
787
|
+
}
|
|
788
|
+
.wide-content-viewer {
|
|
789
|
+
position: absolute;
|
|
790
|
+
visibility: hidden;
|
|
791
|
+
width: 30px;
|
|
792
|
+
height: 30px;
|
|
793
|
+
z-index: 100;
|
|
794
|
+
padding: 6px;
|
|
795
|
+
right: -20px;
|
|
796
|
+
box-sizing: content-box;
|
|
797
|
+
color: var(--g-color-text-primary);
|
|
798
|
+
cursor: pointer;
|
|
799
|
+
}
|
|
800
|
+
.wide-content-viewer > svg {
|
|
801
|
+
width: 20px;
|
|
802
|
+
height: 20px;
|
|
803
|
+
}
|
|
804
|
+
.wide-content-overlay {
|
|
805
|
+
z-index: 100;
|
|
806
|
+
width: 100vw;
|
|
807
|
+
height: 100vh;
|
|
808
|
+
position: fixed;
|
|
809
|
+
top: 0;
|
|
810
|
+
left: 0;
|
|
811
|
+
background-color: black;
|
|
812
|
+
opacity: 0.6;
|
|
813
|
+
}
|
|
713
814
|
.yfm-tabs {
|
|
714
815
|
margin-bottom: 15px;
|
|
715
816
|
}
|