created filter calendar
This commit is contained in:
Medet
parent
39addc4d60
commit
a46e03d03e
|
|
@ -41,7 +41,7 @@
|
|||
|
||||
#navBar a.nav-link {
|
||||
color: #ffffff !important;
|
||||
font-size: 15px;
|
||||
font-size: 12px;
|
||||
padding: 5px 0 !important;
|
||||
transition-property: opacity;
|
||||
transition-duration: .2s; }
|
||||
|
|
@ -62,6 +62,10 @@ article > .u-block-hover__additional--partially-slide-up {
|
|||
#bilet-menu-id li {
|
||||
margin: 0 !important; }
|
||||
|
||||
#bilet-menu-id li.diam-sim:last-child{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#navBar .search-panel {
|
||||
padding: 0; }
|
||||
#navBar .search-panel input {
|
||||
|
|
@ -1563,3 +1567,67 @@ input.reserved-seats ~ label svg {
|
|||
fill: #db635b; }
|
||||
|
||||
/*# sourceMappingURL=custom.css.map */
|
||||
|
||||
#date-click-content{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#date-click-content.show-content{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all{
|
||||
margin-right: 0 !important;
|
||||
border: 1px solid #000000;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev.ui-corner-all i, .ui-datepicker-next.ui-corner-all i{
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-datepicker-header{
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
#datepickerInline a{
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0 !important;
|
||||
margin-top: 15px !important;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar thead{
|
||||
background-color: #d33d33;
|
||||
}
|
||||
|
||||
#datepickerInline thead span{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar tbody td{
|
||||
border: 1px solid #e8e9ec;
|
||||
}
|
||||
|
||||
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today{
|
||||
background-color: #d33d33 !important;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.u-datepicker-v1 .ui-datepicker-calendar td a:hover{
|
||||
background-color: #d33d33;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active{
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ui-datepicker-next.ui-corner-all:hover, .ui-datepicker-prev.ui-corner-all:hover{
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
|
@ -17,27 +17,54 @@
|
|||
|
||||
@yield('after_styles')
|
||||
@stack('after_styles')
|
||||
<link rel="stylesheet" href="{{ asset('vendor/jquery-ui/themes/base/jquery-ui.min.css') }}">
|
||||
<!-- CSS Unify Theme -->
|
||||
<link rel="stylesheet" href="{{asset('assets/stylesheet/styles.e-commerce.css')}}">
|
||||
|
||||
<!-- KMB Custom css -->
|
||||
<link rel="stylesheet" href='{{asset("assets/stylesheet/custom.css")}}'>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
@include('Bilettm.Partials.PublicHeader')
|
||||
@yield('content')
|
||||
@yield('content')2
|
||||
@include('Bilettm.Partials.PublicFooter')
|
||||
</main>
|
||||
<!-- JS Global Compulsory -->
|
||||
<script src="{{asset('assets/javascript/jquery/jquery.min.js')}}"></script>
|
||||
<script src="{{asset('vendor/popper.min.js')}}"></script>
|
||||
<script src="{{asset('vendor/bootstrap4/bootstrap.min.js')}}"></script>
|
||||
|
||||
<script src="{{ asset('vendor/chosen/chosen.jquery.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jquery-ui/ui/widgets/datepicker.js') }}"></script>
|
||||
|
||||
@yield('after_scripts')
|
||||
|
||||
@stack('after_scripts')
|
||||
|
||||
<!-- JS Unify -->
|
||||
<script src="{{ asset('assets/javascript/components/hs.select.js') }}"></script>
|
||||
<script src="{{ asset('assets/javascript/components/hs.datepicker.js') }}"></script>
|
||||
|
||||
<!-- JS Plugins Init. -->
|
||||
<script >
|
||||
$(document).ready(function () {
|
||||
// initialization of custom select
|
||||
$.HSCore.components.HSSelect.init('.js-custom-select');
|
||||
|
||||
// initialization of forms
|
||||
$.HSCore.components.HSDatepicker.init('#datepickerInline');
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#date-click').click(function () {
|
||||
$('#date-click-content').toggleClass('show-content');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
|
@ -16,11 +16,15 @@
|
|||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
|
||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
|
||||
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
|
||||
<a class="nav-link" id="date-click">Дата <i class="fa fa-caret-down"></i></a>
|
||||
<div class="p-3" id="date-click-content" style="background-color: #ffffff; left: -200px; border-radius: 5px; position: absolute; width: auto; z-index: 10; box-shadow: 2px 2px 5px rgba(0,0,0,.2), -2px 2px 5px rgba(0,0,0,.2), 2px -2px 5px rgba(0,0,0,.2), -2px -2px 5px rgba(0,0,0,.2);">
|
||||
<div style="position: relative; z-index: 10">
|
||||
<div class="col-xl-12 p-0" style="border-radius: 5px">
|
||||
<!-- Datepicker -->
|
||||
<div id="datepickerInline" class="u-datepicker-v1 u-shadow-v32 g-brd-none rounded"></div>
|
||||
<!-- End Datepicker -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -66,9 +66,9 @@
|
|||
<div class="row" style="width: 30%; margin-left: 0" id="top-header-right">
|
||||
<div class="col-lg-12 col-md-12">
|
||||
<ul id="top-menu-three-btn" style="float: right;">
|
||||
<li><a href=""><img src="{{asset('assets/images/icons/user.svg')}}"> Вход</a></li>
|
||||
<li><a href=""><img src="{{asset('assets/images/icons/plus.svg')}}"> Регистрация</a></li>
|
||||
<li class="dropdown">
|
||||
{{--<li><a href=""><img src="{{asset('assets/images/icons/user.svg')}}"> Вход</a></li>--}}
|
||||
{{--<li><a href=""><img src="{{asset('assets/images/icons/plus.svg')}}"> Регистрация</a></li>--}}
|
||||
<li class="dropdown pull-right">
|
||||
<a href="" class="dropdown-toggle" data-toggle="dropdown"><img src="{{asset('assets/images/icons/globe.svg')}}"> Русский <i class="fa fa-caret-down"></i></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="">Русский</a></li>
|
||||
|
|
@ -76,8 +76,9 @@
|
|||
<li><a href="">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<div class="clearfix"></div>
|
||||
<li style="display: block;" id="bottom-of-three-btn">
|
||||
<a style="display: block; padding: 7px 0;">+(993) 12 60-60-60</a>
|
||||
<a style="display: block; padding: 7px 0; min-width: 200px">+(993) 12 60-60-60</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue