Limit info height to max for viewport in mobile view
Remove padding around non-tripcode tripcode in the nojs chat form
このコミットが含まれているのは:
コミット
801f663959
|
@ -1,2 +1,3 @@
|
||||||
__pycache__/
|
__pycache__/
|
||||||
stream/
|
stream/
|
||||||
|
*~
|
||||||
|
|
|
@ -61,13 +61,15 @@ noscript {
|
||||||
}
|
}
|
||||||
#info_js {
|
#info_js {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
margin: 1ch 1.5ch;
|
padding: 1ch 1.5ch;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
#info_js__title {
|
#info_js__title {
|
||||||
font-size: 18pt;
|
font-size: 18pt;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
}
|
}
|
||||||
#info_nojs {
|
#info_nojs {
|
||||||
height: var(--nojs-info-height);
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#chat {
|
#chat {
|
||||||
|
@ -213,6 +215,9 @@ footer {
|
||||||
#both:target #info_nojs {
|
#both:target #info_nojs {
|
||||||
height: 9ch;
|
height: 9ch;
|
||||||
}
|
}
|
||||||
|
#info:target {
|
||||||
|
grid-row-end: chat-end;
|
||||||
|
}
|
||||||
|
|
||||||
@media (min-width: 720px) {
|
@media (min-width: 720px) {
|
||||||
:root {
|
:root {
|
||||||
|
@ -241,7 +246,4 @@ footer {
|
||||||
border-left: var(--chat-border);
|
border-left: var(--chat-border);
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
}
|
}
|
||||||
#both:target #info_nojs {
|
|
||||||
height: var(--nojs-info-height);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
<noscript><iframe id="chat-messages_nojs" src="{{ url_for('nojs_chat', token=user.token, _anchor='bottom') }}" data-js="false"></iframe></noscript>
|
<noscript><iframe id="chat-messages_nojs" src="{{ url_for('nojs_chat', token=user.token, _anchor='bottom') }}" data-js="false"></iframe></noscript>
|
||||||
</article>
|
</article>
|
||||||
<section id="chat__form">
|
<section id="chat__form">
|
||||||
<noscript><iframe id="chat-form_nojs" src="{{ url_for('nojs_form', token=user.token, _anchor='notice') }}" data-js="false"></iframe></noscript>
|
<noscript><iframe id="chat-form_nojs" src="{{ url_for('nojs_form', token=user.token) }}" data-js="false"></iframe></noscript>
|
||||||
</section>
|
</section>
|
||||||
</aside>
|
</aside>
|
||||||
<nav id="toggle">
|
<nav id="toggle">
|
||||||
|
|
|
@ -35,6 +35,9 @@
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
.tripcode:not(#tripcode) {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
#tripcode {
|
#tripcode {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
|
|
@ -7,10 +7,11 @@
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
margin: 1ch 1.5ch;
|
margin: 1ch 1.5ch;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
|
color: #ddd;
|
||||||
}
|
}
|
||||||
#title {
|
#title {
|
||||||
color: #ddd;
|
|
||||||
font-size: 18pt;
|
font-size: 18pt;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
読み込み中…
新しいイシューから参照