Skip to content

Instantly share code, notes, and snippets.

@Dinir
Last active January 11, 2023 10:38
Show Gist options
  • Save Dinir/9c5957ed5a4cfce700795d2925efad15 to your computer and use it in GitHub Desktop.
Save Dinir/9c5957ed5a4cfce700795d2925efad15 to your computer and use it in GitHub Desktop.
Make the layout of the only reliable Korean spell checker suitable for a narrow and long area.
:root {
--margin: 7px;
--textarea-width: 85%;
}
body {
margin: 0;
overflow-x: hidden;
}
#framePopup {
display: none;
}
#tableMain {
width: auto;
}
#tdHead {
display: flex;
justify-content: end;
}
#tableUpperRight {
text-align: right;
}
#tdHeadMsg,
#tdHeadLink {
padding: var(--margin);
}
#tdHeadMsg {
vertical-align: top;
}
#tdHeadLink {
vertical-align: bottom;
}
#tdBody {
padding: var(--margin) 0;
}
#tableLeft1 {
width: 100%;
}
#tableResult,
#tableButton {
width: auto;
height: unset;
position: static;
}
#divLeft1,
#divCorrectionTableBox1st {
width: 100%;
margin-bottom: var(--margin);
}
#tableResult {
display: flex;
justify-content: center;
}
#tableResult > tbody {
display: flex;
flex-direction: row;
}
#tableResult > tbody > tr {
display: none;
}
#tableResult > tbody > tr:nth-child(2) {
display: flex;
flex-direction: column;
}
#tableButton > tbody > tr {
display: flex;
flex-direction: column;
}
#tableButton table, #pageAnnounce {
width: auto !important;
}
#text1 {
width: var(--textarea-width);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment