dashboard date picker responsive updated
This commit is contained in:
15
public/css/custom.css
vendored
15
public/css/custom.css
vendored
@@ -859,10 +859,7 @@ table .align-items-center td span.badge
|
||||
/*--Sm Breakpoint--*/
|
||||
@media (min-width: 576px) and (max-width: 767.98px)
|
||||
{
|
||||
.dashboard-action
|
||||
{
|
||||
margin-left: 4rem !important;
|
||||
}
|
||||
|
||||
}
|
||||
/*--Sm Breakpoint Finish--*/
|
||||
|
||||
@@ -873,11 +870,6 @@ table .align-items-center td span.badge
|
||||
{
|
||||
left: 1rem !important;
|
||||
}
|
||||
|
||||
.dashboard-action
|
||||
{
|
||||
margin-left: 3rem !important;
|
||||
}
|
||||
}
|
||||
/*--Md Breakpoint Finish--*/
|
||||
|
||||
@@ -888,11 +880,6 @@ table .align-items-center td span.badge
|
||||
{
|
||||
left: 1rem;
|
||||
}
|
||||
|
||||
.dashboard-action
|
||||
{
|
||||
margin-left: 1rem !important;
|
||||
}
|
||||
}
|
||||
/*--Lg Breakpoint Finish--*/
|
||||
/*--------Responsive Finish--------*/
|
||||
|
59
public/css/element.css
vendored
59
public/css/element.css
vendored
@@ -15664,3 +15664,62 @@
|
||||
color: #3c3f72 !important;
|
||||
}
|
||||
/*--------El Select Finish--------*/
|
||||
|
||||
@media (max-width: 575.98px)
|
||||
{
|
||||
/*--Date Time Picker--*/
|
||||
.el-date-range-picker.has-sidebar
|
||||
{
|
||||
width: 99% !important;
|
||||
}
|
||||
|
||||
.el-picker-panel__shortcut
|
||||
{
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.el-picker-panel__body-wrapper
|
||||
{
|
||||
flex-flow: column !important;
|
||||
}
|
||||
|
||||
.el-picker-panel__sidebar
|
||||
{
|
||||
position:unset !important;
|
||||
width: 100% !important;
|
||||
border-right:none !important;
|
||||
}
|
||||
|
||||
.el-picker-panel__body
|
||||
{
|
||||
position: unset !important;
|
||||
display: flex !important;
|
||||
flex-flow: column !important;
|
||||
}
|
||||
|
||||
.el-picker-panel__sidebar+.el-picker-panel__body
|
||||
{
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.el-date-range-picker .el-picker-panel__body
|
||||
{
|
||||
min-width: 100% !important;
|
||||
}
|
||||
|
||||
.el-date-range-picker .el-picker-panel__content
|
||||
{
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.el-date-range-picker__content
|
||||
{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.el-date-range-picker__content.is-left
|
||||
{
|
||||
border-right: none !important;
|
||||
}
|
||||
/*--Date Time Picker Finish--*/
|
||||
}
|
||||
|
Reference in New Issue
Block a user