mirror of https://github.com/ColorlibHQ/gentelella
css fix/ update for bs4 / form_advanced.html update part 3
razvanaldea89
parent
2d2ec6d100
commit
45e6fa4a4f
|
|
@ -128,7 +128,9 @@
|
||||||
background: #34495E;
|
background: #34495E;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-exibit .show-calendar {
|
/* TODO check if calendar should be showed even if not working clicking it */
|
||||||
|
|
||||||
|
/*.calendar-exibit .show-calendar {
|
||||||
float: none;
|
float: none;
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -137,7 +139,7 @@
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.calendar-exibit .show-calendar .calendar {
|
.calendar-exibit .show-calendar .calendar {
|
||||||
margin: 0 0 4px 0;
|
margin: 0 0 4px 0;
|
||||||
|
|
@ -2616,7 +2618,7 @@ input.parsley-error, textarea.parsley-error, select.parsley-error {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.well .markup {
|
.card .markup {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: #777;
|
color: #777;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -2627,7 +2629,7 @@ input.parsley-error, textarea.parsley-error, select.parsley-error {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.well .markup::after {
|
.card .markup::after {
|
||||||
content: "Example";
|
content: "Example";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
|
|
|
||||||
|
|
@ -484,7 +484,7 @@
|
||||||
<div class="input-group demo2">
|
<div class="input-group demo2">
|
||||||
<input type="text" value="#e01ab5"
|
<input type="text" value="#e01ab5"
|
||||||
class="form-control"/>
|
class="form-control"/>
|
||||||
<span class="input-group-addon"><i></i></span>
|
<span class="input-group-prepend input-group-text"><i></i></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -517,15 +517,19 @@
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12">Inline
|
<label class="control-label col-md-3 col-sm-3 col-xs-12">Inline
|
||||||
picker</label>
|
picker</label>
|
||||||
<div class="col-md-9 col-sm-9 col-xs-12">
|
<div class="col-md-9 col-sm-9 col-xs-12">
|
||||||
<div class="well">
|
<div class="card bg-light mt-1">
|
||||||
<div id="demo_cont"
|
<div class="card-body">
|
||||||
class="demo demo-auto inl-bl colorpicker-element"
|
<div id="demo_cont"
|
||||||
data-container="#demo_cont"
|
class="demo demo-auto inl-bl colorpicker-element"
|
||||||
data-color="rgba(150,216,62,0.55)"
|
data-container="#demo_cont"
|
||||||
data-inline="true"></div>
|
data-color="rgba(150,216,62,0.55)"
|
||||||
<div class="demo demo-auto inl-bl colorpicker-element"
|
data-inline="true"></div>
|
||||||
data-container="true" data-color="rgb(50,216,62)"
|
<div class="demo demo-auto inl-bl colorpicker-element"
|
||||||
data-inline="true" style="margin-left:20px;"></div>
|
data-container="true"
|
||||||
|
data-color="rgb(50,216,62)"
|
||||||
|
data-inline="true"
|
||||||
|
style="margin-left:20px;"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -641,73 +645,79 @@
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="x_content">
|
<div class="x_content">
|
||||||
<div class="well" style="overflow: auto">
|
<div class="card bg-light mt-2" style="overflow: auto">
|
||||||
<div class="row">
|
<div class="card-body">
|
||||||
<div class="col-md-4">
|
<div class="row">
|
||||||
<div id="reportrange_right" class="pull-left"
|
<div class="col-md-4">
|
||||||
style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
|
<div id="reportrange_right" class="pull-left"
|
||||||
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
|
style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
|
||||||
<span>December 30, 2014 - January 28, 2015</span> <b
|
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
|
||||||
class="caret"></b>
|
<span>December 30, 2014 - January 28, 2015</span> <b
|
||||||
|
class="caret"></b>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-md-4">
|
||||||
<div class="col-md-4">
|
<p>Date Range Picker with opening to right and left</p>
|
||||||
<p>Date Range Picker with opening to right and left</p>
|
</div>
|
||||||
</div>
|
<div class="col-md-4">
|
||||||
<div class="col-md-4">
|
<div id="reportrange" class="pull-right"
|
||||||
<div id="reportrange" class="pull-right"
|
style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
|
||||||
style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
|
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
|
||||||
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
|
<span>December 30, 2014 - January 28, 2015</span> <b
|
||||||
<span>December 30, 2014 - January 28, 2015</span> <b
|
class="caret"></b>
|
||||||
class="caret"></b>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="well" style="overflow: auto">
|
<div class="card bg-light mt-2" style="overflow: auto">
|
||||||
<div class="row">
|
<div class="card-body">
|
||||||
<div class="col-md-4">
|
<div class="row">
|
||||||
Date Range Picker
|
<div class="col-md-4">
|
||||||
<form class="form-horizontal">
|
Date Range Picker
|
||||||
<fieldset>
|
<form class="form-horizontal">
|
||||||
<div class="control-group">
|
<fieldset>
|
||||||
<div class="controls">
|
<div class="control-group">
|
||||||
<div class="input-prepend input-group">
|
<div class="controls">
|
||||||
<span class="add-on input-group-addon"><i
|
<div class="input-prepend input-group">
|
||||||
|
<span class="add-on input-group-prepend input-group-text"><i
|
||||||
class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
|
class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
|
||||||
<input type="text" style="width: 200px"
|
<input type="text" style="width: 200px"
|
||||||
name="reservation" id="reservation"
|
name="reservation"
|
||||||
class="form-control"
|
id="reservation"
|
||||||
value="01/01/2016 - 01/25/2016"/>
|
class="form-control"
|
||||||
|
value="01/01/2016 - 01/25/2016"/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</fieldset>
|
||||||
</fieldset>
|
</form>
|
||||||
</form>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-5">
|
<div class="col-md-5">
|
||||||
Date and Time
|
Date and Time
|
||||||
<form class="form-horizontal">
|
<form class="form-horizontal">
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<div class="control-group">
|
<div class="control-group">
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<div class="input-prepend input-group">
|
<div class="input-prepend input-group">
|
||||||
<span class="add-on input-group-addon"><i
|
<span class="add-on input-group-prepend input-group-text"><i
|
||||||
class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
|
class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
|
||||||
<input type="text" name="reservation-time"
|
<input type="text"
|
||||||
id="reservation-time"
|
name="reservation-time"
|
||||||
class="form-control"
|
id="reservation-time"
|
||||||
value="01/01/2016 - 01/25/2016"/>
|
class="form-control"
|
||||||
|
value="01/01/2016 - 01/25/2016"/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</fieldset>
|
||||||
</fieldset>
|
</form>
|
||||||
</form>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row calendar-exibit">
|
<div class="row calendar-exibit mt-2">
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<div class="daterangepicker dropdown-menu ltr single opensright show-calendar picker_1 xdisplay">
|
<div class="daterangepicker dropdown-menu ltr single opensright show-calendar picker_1 xdisplay">
|
||||||
<div class="calendar left single" style="display: block;">
|
<div class="calendar left single" style="display: block;">
|
||||||
|
|
@ -983,7 +993,7 @@
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<div class="control-group">
|
<div class="control-group">
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<div class="col-md-11 xdisplay_inputx form-group has-feedback">
|
<div class=" xdisplay_inputx form-group has-feedback">
|
||||||
<input type="text"
|
<input type="text"
|
||||||
class="form-control has-feedback-left"
|
class="form-control has-feedback-left"
|
||||||
id="single_cal1" placeholder="First Name"
|
id="single_cal1" placeholder="First Name"
|
||||||
|
|
@ -1274,7 +1284,7 @@
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<div class="control-group">
|
<div class="control-group">
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<div class="col-md-11 xdisplay_inputx form-group has-feedback">
|
<div class="xdisplay_inputx form-group has-feedback">
|
||||||
<input type="text"
|
<input type="text"
|
||||||
class="form-control has-feedback-left"
|
class="form-control has-feedback-left"
|
||||||
id="single_cal2" placeholder="First Name"
|
id="single_cal2" placeholder="First Name"
|
||||||
|
|
@ -1562,7 +1572,7 @@
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<div class="control-group">
|
<div class="control-group">
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<div class="col-md-11 xdisplay_inputx form-group has-feedback">
|
<div class="xdisplay_inputx form-group has-feedback">
|
||||||
<input type="text"
|
<input type="text"
|
||||||
class="form-control has-feedback-left"
|
class="form-control has-feedback-left"
|
||||||
id="single_cal3" placeholder="First Name"
|
id="single_cal3" placeholder="First Name"
|
||||||
|
|
@ -1851,7 +1861,7 @@
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<div class="control-group">
|
<div class="control-group">
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<div class="col-md-11 xdisplay_inputx form-group has-feedback">
|
<div class="xdisplay_inputx form-group has-feedback">
|
||||||
<input type="text"
|
<input type="text"
|
||||||
class="form-control has-feedback-left"
|
class="form-control has-feedback-left"
|
||||||
id="single_cal4" placeholder="First Name"
|
id="single_cal4" placeholder="First Name"
|
||||||
|
|
@ -1906,7 +1916,7 @@
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class='input-group date' id='myDatepicker'>
|
<div class='input-group date' id='myDatepicker'>
|
||||||
<input type='text' class="form-control"/>
|
<input type='text' class="form-control"/>
|
||||||
<span class="input-group-addon">
|
<span class="input-group-prepend input-group-text">
|
||||||
<span class="glyphicon glyphicon-calendar"></span>
|
<span class="glyphicon glyphicon-calendar"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1918,7 +1928,7 @@
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class='input-group date' id='myDatepicker2'>
|
<div class='input-group date' id='myDatepicker2'>
|
||||||
<input type='text' class="form-control"/>
|
<input type='text' class="form-control"/>
|
||||||
<span class="input-group-addon">
|
<span class="input-group-prepend input-group-text">
|
||||||
<span class="glyphicon glyphicon-calendar"></span>
|
<span class="glyphicon glyphicon-calendar"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1931,7 +1941,7 @@
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class='input-group date' id='myDatepicker3'>
|
<div class='input-group date' id='myDatepicker3'>
|
||||||
<input type='text' class="form-control"/>
|
<input type='text' class="form-control"/>
|
||||||
<span class="input-group-addon">
|
<span class="input-group-prepend input-group-text">
|
||||||
<span class="glyphicon glyphicon-calendar"></span>
|
<span class="glyphicon glyphicon-calendar"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1944,7 +1954,7 @@
|
||||||
<div class='input-group date' id='myDatepicker4'>
|
<div class='input-group date' id='myDatepicker4'>
|
||||||
<input type='text' class="form-control"
|
<input type='text' class="form-control"
|
||||||
readonly="readonly"/>
|
readonly="readonly"/>
|
||||||
<span class="input-group-addon">
|
<span class="input-group-prepend input-group-text">
|
||||||
<span class="glyphicon glyphicon-calendar"></span>
|
<span class="glyphicon glyphicon-calendar"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1956,7 +1966,7 @@
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class='input-group date' id='datetimepicker6'>
|
<div class='input-group date' id='datetimepicker6'>
|
||||||
<input type='text' class="form-control"/>
|
<input type='text' class="form-control"/>
|
||||||
<span class="input-group-addon">
|
<span class="input-group-prepend input-group-text">
|
||||||
<span class="glyphicon glyphicon-calendar"></span>
|
<span class="glyphicon glyphicon-calendar"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1967,7 +1977,7 @@
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class='input-group date' id='datetimepicker7'>
|
<div class='input-group date' id='datetimepicker7'>
|
||||||
<input type='text' class="form-control"/>
|
<input type='text' class="form-control"/>
|
||||||
<span class="input-group-addon">
|
<span class="input-group-prepend input-group-text">
|
||||||
<span class="glyphicon glyphicon-calendar"></span>
|
<span class="glyphicon glyphicon-calendar"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2059,42 +2069,42 @@
|
||||||
|
|
||||||
<div class="docs-data">
|
<div class="docs-data">
|
||||||
<div class="input-group input-group-sm">
|
<div class="input-group input-group-sm">
|
||||||
<label class="input-group-addon" for="dataX">X</label>
|
<label class="input-group-prepend input-group-text" for="dataX">X</label>
|
||||||
<input type="text" class="form-control" id="dataX"
|
<input type="text" class="form-control" id="dataX"
|
||||||
placeholder="x">
|
placeholder="x">
|
||||||
<span class="input-group-addon">px</span>
|
<span class="input-group-prepend input-group-text">px</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm">
|
<div class="input-group input-group-sm">
|
||||||
<label class="input-group-addon" for="dataY">Y</label>
|
<label class="input-group-prepend input-group-text" for="dataY">Y</label>
|
||||||
<input type="text" class="form-control" id="dataY"
|
<input type="text" class="form-control" id="dataY"
|
||||||
placeholder="y">
|
placeholder="y">
|
||||||
<span class="input-group-addon">px</span>
|
<span class="input-group-prepend input-group-text">px</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm">
|
<div class="input-group input-group-sm">
|
||||||
<label class="input-group-addon" for="dataWidth">Width</label>
|
<label class="input-group-prepend input-group-text" for="dataWidth">Width</label>
|
||||||
<input type="text" class="form-control" id="dataWidth"
|
<input type="text" class="form-control" id="dataWidth"
|
||||||
placeholder="width">
|
placeholder="width">
|
||||||
<span class="input-group-addon">px</span>
|
<span class="input-group-prepend input-group-text">px</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm">
|
<div class="input-group input-group-sm">
|
||||||
<label class="input-group-addon" for="dataHeight">Height</label>
|
<label class="input-group-prepend input-group-text" for="dataHeight">Height</label>
|
||||||
<input type="text" class="form-control" id="dataHeight"
|
<input type="text" class="form-control" id="dataHeight"
|
||||||
placeholder="height">
|
placeholder="height">
|
||||||
<span class="input-group-addon">px</span>
|
<span class="input-group-prepend input-group-text">px</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm">
|
<div class="input-group input-group-sm">
|
||||||
<label class="input-group-addon" for="dataRotate">Rotate</label>
|
<label class="input-group-prepend input-group-text" for="dataRotate">Rotate</label>
|
||||||
<input type="text" class="form-control" id="dataRotate"
|
<input type="text" class="form-control" id="dataRotate"
|
||||||
placeholder="rotate">
|
placeholder="rotate">
|
||||||
<span class="input-group-addon">deg</span>
|
<span class="input-group-prepend input-group-text">deg</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm">
|
<div class="input-group input-group-sm">
|
||||||
<label class="input-group-addon" for="dataScaleX">ScaleX</label>
|
<label class="input-group-prepend input-group-text" for="dataScaleX">ScaleX</label>
|
||||||
<input type="text" class="form-control" id="dataScaleX"
|
<input type="text" class="form-control" id="dataScaleX"
|
||||||
placeholder="scaleX">
|
placeholder="scaleX">
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group input-group-sm">
|
<div class="input-group input-group-sm">
|
||||||
<label class="input-group-addon" for="dataScaleY">ScaleY</label>
|
<label class="input-group-prepend input-group-text" for="dataScaleY">ScaleY</label>
|
||||||
<input type="text" class="form-control" id="dataScaleY"
|
<input type="text" class="form-control" id="dataScaleY"
|
||||||
placeholder="scaleY">
|
placeholder="scaleY">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue