Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-theme-bootstrap: add required styles for file upload widget

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2019-09-04 14:23:31 +02:00
parent 3f93650901
commit 6f6a29bcb0
1 changed files with 91 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

91
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View file

@ -99,6 +99,7 @@ input[type="reset"],
input[type="submit"] { input[type="submit"] {
cursor: pointer; cursor: pointer;
-webkit-appearance: button; -webkit-appearance: button;
word-break: break-all;
} }
button[disabled], button[disabled],
@ -1201,6 +1202,7 @@ footer {
flex-basis: 100%; flex-basis: 100%;
line-height: normal; line-height: normal;
margin-bottom: .5em; margin-bottom: .5em;
max-width: 100%;
} }
.modal > pre, .modal > pre,
@ -2248,3 +2250,92 @@ html body.apply-overlay-active {
overflow: visible; overflow: visible;
transition: opacity .25s ease-in; transition: opacity .25s ease-in;
} }
.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;
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%;
}