.query-row { | |
display: grid; | |
grid-template-columns: 3fr 2fr min-content; | |
width: 100%; | |
grid-gap: 8px; | |
margin-bottom: 0; | |
} | |
html { | |
overflow: hidden; | |
} | |
body { | |
font-family: system-ui; | |
overflow: hidden; | |
position: fixed; | |
width: 100vw; | |
height: 100vh; | |
margin: 0; | |
padding: 8px; | |
box-sizing: border-box; | |
} | |
#app { | |
display: grid; | |
grid-template-rows: min-content 1fr min-content; | |
width: 100%; | |
height: 100%; | |
} | |
.table-container { | |
overflow-y: scroll; | |
margin-top: 8px; | |
display: flex; | |
flex-direction: column; | |
/* border: 1px solid gray;*/ | |
font-size: 0.85rem!important; | |
} | |
.table-title { | |
display: flex; | |
flex-direction: row; | |
justify-content: space-between; | |
background: rgb(242,242,247); | |
color: rgb(72,72,74); | |
position: sticky; | |
top: 0; | |
padding: 3px; | |
} | |
.bottom-menu { | |
font-size: 0.85rem!important; | |
display: grid; | |
grid-template-columns: 1fr auto; | |
margin-top: 8px; | |
} | |
.to { | |
border: 1px solid #59ACFF; | |
background: #F6FBFF; | |
border-radius: 4px; | |
padding: 3px; | |
margin-left: 8px; | |
justify-self: flex-end; | |
} | |
.to::before { | |
content: "in "; | |
} | |
.res { | |
border: 1px solid #FFCC00; | |
background: #FFF8DA; | |
border-radius: 4px; | |
padding: 3px; | |
margin-left: 8px; | |
} | |
.equals { | |
content: "= "; | |
color: #FF7700; | |
/* font-weight: bold;*/ | |
} | |
.filler { | |
flex: 1; | |
display: flex; | |
align-items: baseline; | |
justify-content: flex-end; | |
} | |
.entry { | |
margin: 4px 0; | |
display: flex; | |
flex-direction: row; | |
align-items: baseline; | |
flex-wrap: wrap; | |
} | |
.noselect { | |
-webkit-user-select: none; /* Safari */ | |
-ms-user-select: none; /* IE 10 and IE 11 */ | |
user-select: none; /* Standard syntax */ | |
cursor: default; | |
} | |
.noselect input[type=text], .noselect textarea { | |
cursor: auto; | |
} |