CSS: fullheight mobile chat, remove iframe margins
このコミットが含まれているのは:
コミット
77d68629b6
|
@ -44,6 +44,7 @@ a {
|
||||||
color: #42a5d7;
|
color: #42a5d7;
|
||||||
}
|
}
|
||||||
iframe {
|
iframe {
|
||||||
|
display: grid;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: none;
|
border: none;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -119,13 +120,11 @@ noscript {
|
||||||
|
|
||||||
#chat {
|
#chat {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-auto-rows: auto 1fr auto;
|
grid-auto-rows: auto minmax(150px, 1fr) auto;
|
||||||
background-color: var(--chat-bg-color);
|
background-color: var(--chat-bg-color);
|
||||||
border-top: var(--chat-border);
|
border-top: var(--chat-border);
|
||||||
border-bottom: var(--chat-border);
|
border-bottom: var(--chat-border);
|
||||||
grid-area: chat;
|
grid-area: chat;
|
||||||
height: 50vh;
|
|
||||||
min-height: 24ch;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
#chat__toggle {
|
#chat__toggle {
|
||||||
|
@ -511,7 +510,7 @@ footer {
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
}
|
}
|
||||||
#both:target #info_nojs {
|
#both:target #info_nojs {
|
||||||
height: 9ch;
|
height: 11ch;
|
||||||
}
|
}
|
||||||
#info:target {
|
#info:target {
|
||||||
grid-row-end: chat-end;
|
grid-row-end: chat-end;
|
||||||
|
|
読み込み中…
新しいイシューから参照