panel/baseui
1
0
Fork 0
Code Issues 8 Pull Requests Releases Wiki Activity

allow use of custom form components, add textarea component, add checkbox input, use more absolute imports

Browse Source
This commit is contained in:
Anton Schubert
2017-09-06 17:14:04 +02:00
parent 9eda1b1260
commit 8aa903d8e4
14 changed files with 189 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app.less
View File

@@ -89,7 +89,7 @@ a:hover {color:#901624;}
--------------------------------------------------------------*/
.input_holder {margin-bottom:20px; display:block;}
.input_header {margin-bottom:10px;}
.input_description {font-size:13px; color: @text_color;}
.input_description {font-size:13px; color: lighten(@text_color, 20%);}
input, textarea, select {
font-family: @font_family;
width: 100%;
@@ -98,20 +98,41 @@ input, textarea, select {
padding: 0px 10px;
color: @text_color;
background: white;
border: solid 1px #CCC;
outline: none;
font-size: 14px;
transition: all 0.3s;
border: solid 1px #CCC;
outline: none;
font-size: 14px;
transition: background 0.3s, color 0.3s, border 0.3s;
}
textarea {padding:10px; height:auto;}
input:focus, textarea:focus, select:focus {background:#FFF; border-color: @cms_brand_primary;}
label {font-weight:600; color: @text_color;}
.checkbox_holder {
position: relative;
height: 100%;
min-height: 18px;
&:hover .check_checkbox {
border: 1px solid @cms_brand_primary;
}
label {
display: block;
position: absolute;
top: 50%;
margin-top: -9px;
width: 18px;
height: 18px;
cursor: pointer;
z-index: 10;
}
}
input[type="checkbox"] {
position: absolute;
top: -10px;
left: -10px;
line-height:50px;
line-height: 50px;
visibility: hidden;
display: inline-block;
margin: 0;
@@ -119,7 +140,6 @@ input[type="checkbox"] {
width: auto;
height: auto;
}
.checkbox_holder {position:absolute; top:0px; bottom:0px;}
.check_checkbox {
background: #FFF;
display: block;
@@ -167,8 +187,6 @@ button{
padding: 0px 30px;
border-radius: 20px;
}
.cell_checkbox label {width:18px; height:18px; display:block; cursor:pointer; z-index:10; position: absolute; top:50%; margin-top:-9px;}
.checkbox_holder:hover .check_checkbox {border: 1px solid @cms_brand_primary;}
/*--------------------------------------------------------------
# CMS CONTENT FORM