github/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2025-12-10 16:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Custom styled select boxes for filters

Browse source 
Refs #86
This commit is contained in:
Simon Willison 2017-11-23 07:58:55 -08:00
commit a74e455ced
No known key found for this signature in database
GPG key ID: FBB38AFE227189DB
2 changed files with 70 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

38
datasette/static/app.css
View file

@ -135,3 +135,41 @@ form input[type=submit] {
line-height: 1;
border-radius: .25rem;
}
.filter-row {
margin-bottom: 0.3em;
}
.select-wrapper {
border: 1px solid #ccc;
width: 120px;
border-radius: 3px;
background-color: #fafafa;
position: relative;
display: inline-block;
}
.select-wrapper.filter-op {
width: 80px;
}
.select-wrapper::after {
content: "\25BE";
position: absolute;
top: 0px;
right: 5px;
color: #bbb;
}
.select-wrapper select {
padding: 5px 8px;
width: 100%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
}
.select-wrapper select:focus {
outline: none;
}
</style>