timvir 0.2.30 → 0.2.32
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/blocks/Viewport/index.js +46 -39
- package/package.json +1 -1
- package/styles.css +98 -0
package/blocks/Viewport/index.js
CHANGED
|
@@ -218,38 +218,6 @@ function Viewport(props, ref) {
|
|
|
218
218
|
setMaxHeight(Math.max(height, maxHeight ?? 0));
|
|
219
219
|
});
|
|
220
220
|
|
|
221
|
-
/*
|
|
222
|
-
* Note this useEffect runs on each render. This is fine beause it doesn't do any
|
|
223
|
-
* expensive computation, and the Viewport component only re-renders when the iframe
|
|
224
|
-
* itself changes height or the user resizes the width of the Viewport.
|
|
225
|
-
*/
|
|
226
|
-
React.useEffect(() => {
|
|
227
|
-
const document = iframeRef.current?.contentDocument;
|
|
228
|
-
if (document) {
|
|
229
|
-
injectStyle(document);
|
|
230
|
-
|
|
231
|
-
/*
|
|
232
|
-
* The <body> element of the iframe document is the one which we observe and
|
|
233
|
-
* measure. It should not have any margins (we remove them by injecting a simple
|
|
234
|
-
* style reset into the iframe document).
|
|
235
|
-
*/
|
|
236
|
-
iframeRO.observe(document.body);
|
|
237
|
-
}
|
|
238
|
-
});
|
|
239
|
-
|
|
240
|
-
/*
|
|
241
|
-
* Inject a simple style reset into the document.
|
|
242
|
-
*/
|
|
243
|
-
function injectStyle(document) {
|
|
244
|
-
if (document.querySelector("style#timvir-viewport-style")) {
|
|
245
|
-
return;
|
|
246
|
-
}
|
|
247
|
-
const style = document.createElement("style");
|
|
248
|
-
style.id = "timvir-viewport-style";
|
|
249
|
-
style.innerHTML = "body { margin: 0 }";
|
|
250
|
-
document.head.appendChild(style);
|
|
251
|
-
}
|
|
252
|
-
|
|
253
221
|
/*
|
|
254
222
|
* 20ms after the height has been set, we consider this block settled. This
|
|
255
223
|
* time includes the 16ms CSS transition time, and a tiny bit more to allow
|
|
@@ -295,14 +263,53 @@ function Viewport(props, ref) {
|
|
|
295
263
|
src: src,
|
|
296
264
|
onLoad: ev => {
|
|
297
265
|
const document = ev.currentTarget.contentDocument;
|
|
298
|
-
if (document) {
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
height
|
|
302
|
-
} = document.body.getBoundingClientRect();
|
|
303
|
-
setHeight(height);
|
|
304
|
-
setMaxHeight(height);
|
|
266
|
+
if (!document) {
|
|
267
|
+
console.warn(`Viewport: iframe has no contentDocument`);
|
|
268
|
+
return;
|
|
305
269
|
}
|
|
270
|
+
|
|
271
|
+
/*
|
|
272
|
+
* Some browsers (notably Firefox) don't always fully initialize the <iframe>
|
|
273
|
+
* element (see https://bugzilla.mozilla.org/show_bug.cgi?id=1191683). The
|
|
274
|
+
* 'head' and 'body' properties in Document (which we access below) may be null
|
|
275
|
+
* when this onLoad callback runs.
|
|
276
|
+
*
|
|
277
|
+
* We use the Document readyState to decide if we can interact and observe the
|
|
278
|
+
* DOM.
|
|
279
|
+
*/
|
|
280
|
+
|
|
281
|
+
const initializeDocument = () => {
|
|
282
|
+
if (document.readyState === "interactive" || document.readyState === "complete") {
|
|
283
|
+
/*
|
|
284
|
+
* Inject a simple style reset into the document.
|
|
285
|
+
*/
|
|
286
|
+
{
|
|
287
|
+
const style = document.createElement("style");
|
|
288
|
+
style.id = "timvir-viewport-style";
|
|
289
|
+
style.innerHTML = "body { margin: 0 }";
|
|
290
|
+
document.head.appendChild(style);
|
|
291
|
+
}
|
|
292
|
+
{
|
|
293
|
+
const {
|
|
294
|
+
height
|
|
295
|
+
} = document.body.getBoundingClientRect();
|
|
296
|
+
setHeight(height);
|
|
297
|
+
setMaxHeight(height);
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
/*
|
|
301
|
+
* The <body> element of the iframe document is the one which we observe and
|
|
302
|
+
* measure. It should not have any margins (we remove them by injecting a simple
|
|
303
|
+
* style reset into the iframe document).
|
|
304
|
+
*/
|
|
305
|
+
iframeRO.observe(document.body);
|
|
306
|
+
} else {
|
|
307
|
+
document?.addEventListener("readystatechange", initializeDocument, {
|
|
308
|
+
once: true
|
|
309
|
+
});
|
|
310
|
+
}
|
|
311
|
+
};
|
|
312
|
+
initializeDocument();
|
|
306
313
|
},
|
|
307
314
|
className: "i11uos8q",
|
|
308
315
|
style: {
|
package/package.json
CHANGED
package/styles.css
CHANGED
|
@@ -80,6 +80,104 @@
|
|
|
80
80
|
|
|
81
81
|
|
|
82
82
|
|
|
83
|
+
.r1ev38xg{margin:1em 0;}
|
|
84
|
+
.c8hz158{display:grid;grid-gap:8px;grid-template-columns:1fr 100px;margin-bottom:8px;}
|
|
85
|
+
.t1663phv{display:flex;align-items:center;padding:0 0 0 10px;min-height:36px;position:relative;background:var(--timvir-secondary-background-color);}.t1663phv::after{display:block;position:absolute;content:"";inset:0;pointer-events:none;border:1px solid var(--timvir-border-color);border-radius:2px;}.t1663phv:hover::after{border-color:var(--timvir-text-color);}.t1663phv:focus-within::after{border-color:var(--timvir-text-color);}
|
|
86
|
+
.s1k50njo{display:inline-block;color:var(--timvir-secondary-text-color);margin-right:6px;}
|
|
87
|
+
.i1dajnne{border:none;outline:none;font:inherit;background:transparent;align-self:stretch;padding:0;width:100%;color:inherit;}
|
|
88
|
+
.b128wsn{border:none;outline:none;min-height:36px;border:1px solid var(--timvir-border-color);border-radius:2px;background:var(--timvir-secondary-background-color);color:var(--timvir-text-color);font:inherit;}.b128wsn:hover{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}.b128wsn:active{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}
|
|
89
|
+
|
|
90
|
+
.tac6gx6{color:#393a34;background-color:#f6f8fa;}.tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}.tac6gx6 :is(.namespace){opacity:0.7;}.tac6gx6 :is(.string,.attr-value){color:#e3116c;}.tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}.tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}.tac6gx6 :is(.tag,.selector,.keyword){color:#00009f;}.tac6gx6 :is(.function-variable){color:#6f42c1;}.tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#00a4db;}.tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#36acaa;}:root[data-timvir-theme="dark"] .tac6gx6{color:#adbac7;background-color:#2d333b;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.namespace){opacity:0.7;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.string,.attr-value){color:#96d0ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.tag,.selector,.keyword){color:#8ddb8c;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function-variable){color:#6f42c1;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#f47067;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#dcbdfb;}
|
|
91
|
+
|
|
92
|
+
.d1513p2s{display:grid;grid-template-columns:1fr;}
|
|
93
|
+
.b157mkz{--size:48px;z-index:1;position:absolute;top:0;right:0;overflow:hidden;width:var(--size);height:var(--size);display:flex;align-items:flex-start;justify-content:flex-end;outline:none;border:none;padding:6px;background:transparent;transition:all 0.2s;cursor:pointer;pointer-events:none;opacity:0;}.b157mkz:hover{color:white;}.b157mkz:hover svg:first-child{transform:translate(0,0);}.b157mkz:active svg:first-child{transform:translate(2px,-2px);}
|
|
94
|
+
.b10oxtfo{pointer-events:all;opacity:1;}
|
|
95
|
+
.s1hdfi6o{position:absolute;z-index:-1;top:0;right:0;transition:all 0.2s;transform:translate(48px,-48px);}.s1hdfi6o path{fill:var(--c-p-4);}
|
|
96
|
+
.d17pltln{padding:16px 24px 16px 0;}
|
|
97
|
+
|
|
98
|
+
:root[data-timvir-theme="dark"] .r9v2r0l .shiki,:root[data-timvir-theme="dark"] .r9v2r0l .shiki span{color:var(--shiki-dark) !important;font-style:var(--shiki-dark-font-style) !important;font-weight:var(--shiki-dark-font-weight) !important;text-decoration:var(--shiki-dark-text-decoration) !important;}
|
|
99
|
+
.cs7tint{overflow-x:auto;contain:content;font-size:0.8em;border-radius:5px;--timvir-b-Code-bleed:calc(var(--timvir-margin,0px) * 0.6666);--timvir-b-Code-inlinePadding:max(var(--timvir-b-Code-bleed),8px);padding:0;margin:0 calc(-1 * var(--timvir-b-Code-bleed));border:1px solid var(--timvir-border-color);}.cs7tint pre{margin:0;padding:16px 0;background-color:var(--timvir-secondary-background-color) !important;}.cs7tint pre code{display:block;}.cs7tint pre code .line{display:inline-block;position:relative;width:100%;}.cs7tint pre .line{padding-inline:var(--timvir-b-Code-inlinePadding);}
|
|
100
|
+
.fjvaz2s{display:grid;border-radius:0;box-shadow:none;margin-inline:0;grid-auto-rows:min-content;grid-template-columns:[le] 0 [lc] 1fr [rc] 0 [re];grid-column-gap:16px;}.fjvaz2s:hover{box-shadow:none;}@media (min-width:60rem){.fjvaz2s{grid-template-columns:[le] 1fr [lc] minmax(0,48rem) [rc] 1fr [re];grid-column-gap:24px;}}.fjvaz2s > *{grid-column:lc / re;}
|
|
101
|
+
.lchll0h{padding-inline:var(--timvir-b-Code-inlinePadding);}
|
|
102
|
+
.h1xcko1i{background-color:#ffe10044;}:root[data-timvir-theme="dark"] .h1xcko1i{background-color:rgba(174,124,20,0.15);}
|
|
103
|
+
.ll2b9hx{display:inline-block;width:var(--timvir-b-Code-bleed);color:var(--timvir-secondary-text-color);text-align:right;padding-inline:4px;}
|
|
104
|
+
.c5vr6r2{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:0.3em;}
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
.r1f19pie{position:relative;}
|
|
108
|
+
.b15hqsfj{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(0,1fr));transition:all 0.16s;}.b15hqsfj::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:2;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.15);content:"";pointer-events:none;user-select:none;transition:all 0.16s;}.b15hqsfj:hover::before{opacity:0;}
|
|
109
|
+
.v1uw85xw{height:40px;flex-grow:1;display:grid;place-items:stretch;}.v1uw85xw > div{transition:all 0.16s;cursor:pointer;}.v1uw85xw:first-child > div{border-radius:2px 0 0 2px;}.v1uw85xw:last-child > div{border-radius:0 2px 2px 0;}.v1uw85xw:hover{z-index:3;}.v1uw85xw:hover > div{border-radius:2px;margin:-3px 1px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.1), 0 8px 24px rgba(16,22,26,0.2);}
|
|
110
|
+
.o1823law{position:absolute;top:50%;right:0px;left:0px;transform:translateY(-50%);pointer-events:none;opacity:0;z-index:4;transition:opacity 0.16s;}.s4sqb81 .o1823law{pointer-events:all;opacity:1;}
|
|
111
|
+
|
|
112
|
+
.rmv2wrl{display:grid;grid-gap:16px;grid-auto-columns:1fr;align-items:start;width:100%;}
|
|
113
|
+
.d1l94wnr{flex-grow:1;}.d1l94wnr:first-child{border-radius:3px 3px 0 0;}.d1l94wnr:last-child{border-radius:0 0 3px 3px;}
|
|
114
|
+
.d1uopbb{text-align:center;font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:0.8em;line-height:1;}
|
|
115
|
+
.d1vwzhoa{color:var(--timvir-text-color);}
|
|
116
|
+
.c1xqhu04{position:relative;cursor:pointer;display:flex;flex-direction:column;height:200px;}.c1xqhu04::before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:4px;box-shadow:0 0 0 0 rgba(19,124,189,0);content:"";transition:all 0.16s cubic-bezier(0.4,1,0.75,0.9);}.c1xqhu04:hover::before{box-shadow:0 0 0 2px #00000040;opacity:1;}
|
|
117
|
+
.a1y0tcvx:hover::before,.a1y0tcvx::before{box-shadow:0 0 0 2px var(--c-p-5);opacity:1;}
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
.r1nql2f9{--timvir-b-Exhibit-bleed:calc(var(--timvir-margin,0px) * 0.6666);--timvir-b-Exhibit-borderColor:var(--timvir-border-color);--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHElEQVR4AWP4/u07Mvr75y8yGlBpND6a6oGUBgAxMSSkDKa/pQAAAABJRU5ErkJggg==);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
|
|
121
|
+
.c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);border-radius:5px;}
|
|
122
|
+
.cf43jjx{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:0.3em;}
|
|
123
|
+
|
|
124
|
+
.mby32tn{display:flex;align-items:baseline;font-size:0.9rem;font-weight:bold;transition:all 0.2s;}
|
|
125
|
+
.fc7ivp5{margin:0 auto 0 0;}
|
|
126
|
+
.de58upx{cursor:pointer;}.de58upx:hover{color:var(--c-p-4);opacity:1;}.de58upx > svg{position:relative;top:2px;}
|
|
127
|
+
.d10949ho{display:flex;flex-direction:column;}
|
|
128
|
+
.d1o2du3z{overflow:hidden;transition:height 0.2s,opacity 0.2s 0.1s;}
|
|
129
|
+
.d1o9zhgl{padding:0 0 16px;}
|
|
130
|
+
.ddlplux{overflow:hidden;transition:height 0.2s,opacity 0.2s 0.1s;}
|
|
131
|
+
.dw285p4{outline:none;user-select:text;white-space:pre-wrap;overflow-wrap:break-word;}
|
|
132
|
+
|
|
133
|
+
.r1c1ozpm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--timvir-page-margin,24px);--timvir-margin:calc(var(--timvir-page-margin,24px) * 0.5);}
|
|
134
|
+
|
|
135
|
+
.b1a0xzv7{background:white;place-self:stretch;border-radius:2px;transition:all 0.2s;box-shadow:0 0 0 0 rgba(0,0,0,0.1);}
|
|
136
|
+
.g10obtzp{opacity:0;transition:all 0.2s;pointer-events:none;}
|
|
137
|
+
.r1bcczis{display:grid;place-items:center;cursor:pointer;}.r1bcczis > *{grid-column:1;grid-row:1;}.r1bcczis:hover .b1a0xzv7{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.1), 0 8px 24px rgba(16,22,26,0.2);}.r1bcczis:active .b1a0xzv7{margin:1px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.2);}.r1bcczis:hover .g10obtzp{opacity:1;}
|
|
138
|
+
|
|
139
|
+
.n1xsexuc{margin-top:6px;white-space:nowrap;font-size:0.75rem;opacity:0;transition:all 0.16s;z-index:-1;color:var(--timvir-secondary-text-color);text-align:center;user-select:none;pointer-events:none;position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);}
|
|
140
|
+
.r1k0w618{position:relative;z-index:1;}.r1k0w618 svg{display:block;}.r1k0w618:hover .n1xsexuc{opacity:1;bottom:-26px;color:var(--timvir-text-color);}.r1k0w618:active .n1xsexuc{bottom:-24px;}
|
|
141
|
+
|
|
142
|
+
.r1ssql2z{position:relative;background:var(--c-p-0);color:black;border-radius:3px;padding:16px 24px 16px 24px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);display:flex;align-items:flex-start;font-size:0.875rem;line-height:1.5;}
|
|
143
|
+
.dhvu07f > *:first-child{margin-top:0;}.dhvu07f > *:last-child{margin-bottom:0;}.dhvu07f > h3:before{display:none;}
|
|
144
|
+
.i1dz18jz{position:relative;top:3px;margin:-2px 12px 0 -4px;}.i1dz18jz > svg{display:block;}
|
|
145
|
+
.i41wipx{background:#f0f2fc;color:black;}.i41wipx .i1dz18jz{color:#2a47d5;}
|
|
146
|
+
.wi7iy6{background:#fcf9f0;color:black;}.wi7iy6 .i1dz18jz{color:#a68521;}
|
|
147
|
+
.a1d5oxsn{background:#fcf0f0;color:black;}.a1d5oxsn .i1dz18jz{color:#da4444;}
|
|
148
|
+
|
|
149
|
+
.r19bcggb{position:relative;}.r19bcggb > div{border-radius:2px;}.r19bcggb:hover > div{top:-4px;right:-4px;bottom:-4px;left:-4px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.1), 0 8px 24px rgba(16,22,26,0.2);padding:0px 16px;z-index:2;}.r19bcggb:active > div{top:-2px;right:-2px;bottom:-2px;left:-2px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.2);padding:0px 14px;z-index:2;}
|
|
150
|
+
.dhgsgky{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;transition:all 0.16s;padding:0px 12px;cursor:pointer;}
|
|
151
|
+
.dobecwk{display:flex;justify-content:space-between;align-items:center;line-height:1;}
|
|
152
|
+
.dho7t08{padding-top:6px;opacity:0.5;font-size:0.8em;line-height:1;}
|
|
153
|
+
|
|
154
|
+
.fgdj0yb{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);white-space:nowrap;display:flex;justify-content:space-between;align-items:center;}
|
|
155
|
+
.d1rc4zjh{cursor:pointer;}.d1rc4zjh:hover{color:var(--c-p-4);opacity:1;}.d1rc4zjh > svg{display:block;}
|
|
156
|
+
.d1enfo6{overflow:hidden;transition:height 0.2s,opacity 0.2s 0.1s;}
|
|
157
|
+
.d1watfn6{margin-top:12px;}
|
|
158
|
+
|
|
159
|
+
.d1mmz2b6{grid-row:1 / span 3;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0.5;color:var(--timvir-text-color);border-radius:2px;transition:all 0.2s cubic-bezier(0.4,1,0.75,0.9);}.d1mmz2b6:hover{opacity:1;box-shadow:0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2);}.d1mmz2b6:active{box-shadow:0 0 0 1px rgba(16,22,26,0.1),0 0 0 rgba(16,22,26,0),0 1px 1px rgba(16,22,26,0.2);}
|
|
160
|
+
|
|
161
|
+
.ssl4j8q{width:100%;display:block;height:16px;margin:8px 0;}
|
|
162
|
+
|
|
163
|
+
.r1ouu0bc{contain:layout;margin-bottom:0;}
|
|
164
|
+
.d1uj09ka{position:relative;}
|
|
165
|
+
.d2uawyc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-variant-numeric:tabular-nums;}
|
|
166
|
+
.d8ms9m9{display:flex;align-items:stretch;justify-content:center;}
|
|
167
|
+
.d17q9rbm{border-radius:3px;display:grid;grid-template-columns:56px auto 56px;grid-template-rows:0 auto 0;grid-column-gap:8px;}
|
|
168
|
+
.daubpa6{grid-column:2 / span 1;grid-row:2 / span 1;position:relative;flex:1;height:100px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=);transition:height 0.16s;overflow:hidden;}
|
|
169
|
+
.d1d22s19{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer-d1d22s19;animation-timing-function:linear;background-size:150vw 100px;background-image:linear-gradient(to right,#fafafa 0%,#f4f4f4 25%,#fafafa 40%);box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);border-radius:1px;}@keyframes shimmer-d1d22s19{0%{background-position:-60vw 0;}40%{background-position:85vw 0;}100%{background-position:85vw 0;}}
|
|
170
|
+
.i11uos8q{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.2s;}
|
|
171
|
+
|
|
172
|
+
.r1szx90n{transition:all 0.16s;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);border-radius:3px;display:flex;cursor:pointer;text-decoration:none;}.r1szx90n:hover{background:rgba(55,53,47,0.08);box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.1), 0 8px 24px rgba(16,22,26,0.2);}.r1szx90n:active{background:rgba(55,53,47,0.08);box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.2);}:root[data-timvir-theme="dark"] .r1szx90n{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2);}:root[data-timvir-theme="dark"] .r1szx90n:hover{background:rgba(255,255,255,0.08);}:root[data-timvir-theme="dark"] .r1szx90n:active{background:rgba(255,255,255,0.08);}
|
|
173
|
+
.tywhumj{flex:4 1 180px;padding:12px 14px 14px;min-width:0;}
|
|
174
|
+
.t1sni99u{color:var(--timvir-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:24px;margin-bottom:6px;}
|
|
175
|
+
.d7eo497{font-size:0.75rem;line-height:1.1rem;color:var(--timvir-secondary-text-color);height:2.2rem;overflow:hidden;}
|
|
176
|
+
.u1rlrpoc{margin-top:12px;display:flex;font-size:0.75rem;line-height:1rem;color:var(--timvir-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
177
|
+
.f1cqi3na{width:1rem;height:1rem;min-width:1rem;margin-right:6px;}
|
|
178
|
+
.igksd61{flex:1 1 180px;position:relative;min-width:180px;}
|
|
179
|
+
.i1gibb8w{display:block;object-fit:cover;border-radius:0 3px 3px 0;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:1px;left:1px;}
|
|
180
|
+
|
|
83
181
|
.r710k81{display:flex;align-items:center;border:none;padding:0px 16px;width:100%;background:transparent;font-size:18px;line-height:inherit;height:52px;flex-grow:0;flex-shrink:0;z-index:1;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .r710k81{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}
|
|
84
182
|
.s1sjvm51{width:18px;height:18px;display:block;fill:var(--timvir-secondary-text-color);flex-shrink:0;backface-visibility:hidden;margin-right:10px;flex-grow:0;}
|
|
85
183
|
.i1f3edco{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;width:100%;display:block;resize:none;padding:0px;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--timvir-text-color);}.i1f3edco:focus{outline:0;}
|