OpenWrt/luci-theme-alpha
1
0
Fork 0
mirror of https://github.com/derisamedia/luci-theme-alpha.git synced 2024-12-30 23:11:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

luci-app-alpha-config: Add .cbi-filebrowser css

Browse Source
This commit is contained in:
Hilman Maulana 2024-07-14 08:18:24 +07:00 committed by GitHub
parent 239388c968
commit 8101f32ef8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 89 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
luasrc/gaya/gaya.css
View File

@ -3592,6 +3592,95 @@
font-size: 0.9rem;
}
.cbi-filebrowser {
min-width: 210px;
max-width: 100%;
border: 1px solid #ccc;
border-radius: 3px;
display: flex;
flex-direction: column;
opacity: 0;
height: 0;
overflow: hidden;
}
.cbi-filebrowser.open {
opacity: 1;
height: auto;
overflow: visible;
transition: opacity .25s ease-in;
}
.cbi-filebrowser > * {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 0 .25em 0;
margin: .25em .25em 0px .25em;
margin-left: 0!important;
white-space: nowrap;
border-bottom: 1px solid #ccc;
}
.cbi-filebrowser .cbi-button-positive {
margin-right: .25em;
}
.cbi-filebrowser > div {
border-bottom: none;
}
.cbi-filebrowser > ul > li {
display: flex;
flex-direction: row;
}
.cbi-filebrowser > ul > li:hover {
background: #f5f5f5;
}
.cbi-filebrowser > ul > li > div:first-child {
flex: 10;
overflow: hidden;
text-overflow: ellipsis;
}
.cbi-filebrowser > ul > li > div:last-child {
flex: 3;
text-align: right;
}
.cbi-filebrowser > ul > li > div:last-child > button {
padding: .125em .25em;
margin: 1px 0 1px .25em;
}
.cbi-filebrowser .upload {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -.125em .25em -.125em;
padding: 0 0 .125em 0px;
border-bottom: 1px solid #ccc;
}
.cbi-filebrowser .upload > * {
margin: .125em;
flex: 1;
}
.cbi-filebrowser .upload > .btn {
flex-basis: 60px;
}
.cbi-filebrowser .upload > div {
flex: 10;
min-width: 150px;
}
.cbi-filebrowser .upload > div > input {
width: 100%;
}
@media screen and (min-width: 600px) {
::-webkit-scrollbar {