Sha256: 90f3c29f88bb5cdb3a297b8abd1be68e5fca137e8f955a0a0cd88d07c50da617
Contents?: true
Size: 1.77 KB
Versions: 6
Compression:
Stored size: 1.77 KB
Contents
[data-controller="tables--query"] {
position: relative;
.query-input {
display: grid;
grid-template-areas: "input button";
grid-template-columns: 1fr auto;
input[type="search"] {
grid-area: input;
background: transparent;
color: transparent;
caret-color: black;
}
button {
grid-area: button;
flex: 0;
}
.highlight {
grid-area: input;
border: 2px solid transparent;
color: black;
z-index: -1;
font-size: 1rem;
padding-block: 1px;
padding-inline: 2px;
.value {
color: #666666;
}
}
}
}
.query-modal {
position: absolute;
top: 100%;
left: 0;
right: 0;
border: 1px solid rgba(0, 0, 0, 0.16);
box-shadow:
0 3px 6px rgba(0, 0, 0, 0.16),
0 3px 6px rgba(0, 0, 0, 0.23);
margin-top: 0.5rem;
background: white;
border-radius: 4px;
z-index: 1;
opacity: 0;
transition: opacity 0.125s;
pointer-events: none;
display: grid;
grid-template-areas: "header" "content" "footer";
grid-template-rows: auto 1fr auto;
&[data-open] {
opacity: 1;
pointer-events: unset;
}
header {
grid-area: header;
}
.content {
grid-area: content;
padding-inline: 1rem;
padding-block: 0.5rem 0;
}
dl {
display: grid;
grid-auto-flow: row;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 4fr;
}
dt {
grid-column-start: 1;
font-weight: bold;
}
dd {
color: #666;
}
ul {
list-style: none;
padding-left: 0;
}
.error {
background: #fff2f2;
border-bottom: 1px solid #fdd3d3;
padding: 0.5rem 1rem;
code {
font-weight: bold;
}
}
.footer {
grid-area: footer;
display: flex;
justify-content: flex-end;
padding-block: 1rem;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems