From 4545664bbece1b1b185945376b344b1660669a53 Mon Sep 17 00:00:00 2001 From: 이민희 <mhlee@maprex.co.kr> Date: 목, 13 1월 2022 17:40:35 +0900 Subject: [PATCH] ㅐ 오타 제거 --- src/main/webapp/bower_components/bootstrap-daterangepicker/daterangepicker.css | 395 +++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 361 insertions(+), 34 deletions(-) diff --git a/src/main/webapp/bower_components/bootstrap-daterangepicker/daterangepicker.css b/src/main/webapp/bower_components/bootstrap-daterangepicker/daterangepicker.css index 86f4b77..42c9991 100644 --- a/src/main/webapp/bower_components/bootstrap-daterangepicker/daterangepicker.css +++ b/src/main/webapp/bower_components/bootstrap-daterangepicker/daterangepicker.css @@ -8,79 +8,203 @@ margin-top: 1px; top: 100px; left: 20px; - /* Calendars */ } +} + +.daterangepicker_single { + position: absolute; + color: inherit; + background-color: #fff; + border-radius: 4px; + width: 278px; + padding: 4px; + margin-top: 1px; + top: 100px; + left: 20px; +} + /* Calendars */ .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } + + .daterangepicker_single:before, .daterangepicker_single:after { + position: absolute; + display: inline-block; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; } + .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } + + .daterangepicker_single:before { + top: -7px; + border-right: 7px solid transparent; + border-left: 7px solid transparent; + border-bottom: 7px solid #ccc; } + .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } + + .daterangepicker_single:after { + top: -6px; + border-right: 6px solid transparent; + border-bottom: 6px solid #fff; + border-left: 6px solid transparent; } + .daterangepicker.opensleft:before { right: 9px; } + + .daterangepicker_single .opensleft:before { + right: 9px; } + .daterangepicker.opensleft:after { right: 10px; } + + .daterangepicker_single .opensleft:after { + right: 10px; } + .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } + + .daterangepicker_single .openscenter:before { + left: 0; + right: 0; + width: 0; + margin-left: auto; + margin-right: auto; } + .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } + + .daterangepicker_single .openscenter:after { + left: 0; + right: 0; + width: 0; + margin-left: auto; + margin-right: auto; } + .daterangepicker.opensright:before { left: 9px; } + .daterangepicker.opensright:after { left: 10px; } + + .daterangepicker_single .opensright:before { + left: 9px; } + + .daterangepicker_single .opensright:after { + left: 10px; } + .daterangepicker.dropup { margin-top: -5px; } - .daterangepicker.dropup:before { - top: initial; - bottom: -7px; - border-bottom: initial; - border-top: 7px solid #ccc; } - .daterangepicker.dropup:after { - top: initial; - bottom: -6px; - border-bottom: initial; - border-top: 6px solid #fff; } + + .daterangepicker_single .dropup { + margin-top: -5px; } + + .daterangepicker.dropup:before { + top: initial; + bottom: -7px; + border-bottom: initial; + border-top: 7px solid #ccc; } + .daterangepicker.dropup:after { + top: initial; + bottom: -6px; + border-bottom: initial; + border-top: 6px solid #fff; } + + .daterangepicker_single .dropup:before { + top: initial; + bottom: -7px; + border-bottom: initial; + border-top: 7px solid #ccc; } + .daterangepicker_single .dropup:after { + top: initial; + bottom: -6px; + border-bottom: initial; + border-top: 6px solid #fff; } + .daterangepicker.dropdown-menu { max-width: none; z-index: 3001; } + + .daterangepicker_single .dropdown-menu { + max-width: none; + z-index: 3001; } + .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } + + .daterangepicker_single .single .ranges, .daterangepicker_single.single .calendar { + float: none; } + .daterangepicker.show-calendar .calendar { display: block; } + + .daterangepicker_single .show-calendar .calendar { + display: block; } + .daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; } - .daterangepicker .calendar.single .calendar-table { - border: none; } - .daterangepicker .calendar th, .daterangepicker .calendar td { - white-space: nowrap; - text-align: center; - min-width: 32px; } + + .daterangepicker_single .calendar { + display: none; + max-width: 270px; + margin: 4px; } + + + .daterangepicker .calendar.single .calendar-table { + border: none; } + + .daterangepicker_single .calendar.single .calendar-table { + border: none; } + + .daterangepicker .calendar th, .daterangepicker .calendar td { + white-space: nowrap; + text-align: center; + min-width: 32px; } + + .daterangepicker_single .calendar th, .daterangepicker_single .calendar td { + white-space: nowrap; + text-align: center; + min-width: 32px; } + .daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background-color: #fff; } + + .daterangepicker_single .calendar-table { + border: 1px solid #fff; + padding: 4px; + border-radius: 4px; + background-color: #fff; } + .daterangepicker table { width: 100%; margin: 0; } + + .daterangepicker_single table { + width: 100%; + margin: 0; } + .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; @@ -89,52 +213,136 @@ border: 1px solid transparent; white-space: nowrap; cursor: pointer; } - .daterangepicker td.available:hover, .daterangepicker th.available:hover { - background-color: #eee; - border-color: transparent; - color: inherit; } - .daterangepicker td.week, .daterangepicker th.week { - font-size: 80%; - color: #ccc; } + + .daterangepicker_single td, .daterangepicker_single th { + text-align: center; + width: 20px; + height: 20px; + border-radius: 4px; + border: 1px solid transparent; + white-space: nowrap; + cursor: pointer; } + + .daterangepicker td.available:hover, .daterangepicker th.available:hover { + background-color: #eee; + border-color: transparent; + color: inherit; } + + .daterangepicker_single td.available:hover, .daterangepicker_single th.available:hover { + background-color: #eee; + border-color: transparent; + color: inherit; } + + .daterangepicker td.week, .daterangepicker th.week { + font-size: 80%; + color: #ccc; } + + .daterangepicker_single td.week, .daterangepicker_single th.week { + font-size: 80%; + color: #ccc; } + .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } + + .daterangepicker_single td.off, .daterangepicker_single td.off.in-range, .daterangepicker_single td.off.start-date, .daterangepicker_single td.off.end-date { + background-color: #fff; + border-color: transparent; + color: #999; } + .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } + + .daterangepicker_single td.in-range { + background-color: #ebf4f8; + border-color: transparent; + color: #000; + border-radius: 0; } + .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } + .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } + .daterangepicker td.start-date.end-date { border-radius: 4px; } + + .daterangepicker_single td.start-date { + border-radius: 4px 0 0 4px; } + + .daterangepicker_single td.end-date { + border-radius: 0 4px 4px 0; } + + .daterangepicker_single td.start-date.end-date { + border-radius: 4px; } + .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } + + .daterangepicker_single td.active, .daterangepicker_single td.active:hover { + background-color: #357ebd; + border-color: transparent; + color: #fff; } + .daterangepicker th.month { width: auto; } + + .daterangepicker_single th.month { + width: auto; } + .daterangepicker td.disabled, .daterangepicker option.disabled { + color: #999; + cursor: not-allowed; + text-decoration: line-through; } + + .daterangepicker_single td.disabled, .daterangepicker_single option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } + .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } + + .daterangepicker_single select.monthselect, .daterangepicker_single select.yearselect { + font-size: 12px; + padding: 1px; + height: auto; + margin: 0; + cursor: default; } + .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } + .daterangepicker select.yearselect { width: 40%; } + .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } + + .daterangepicker_single select.monthselect { + margin-right: 2%; + width: 56%; } + + .daterangepicker_single select.yearselect { + width: 40%; } + + .daterangepicker_single select.hourselect, .daterangepicker_single select.minuteselect, .daterangepicker_single select.secondselect, .daterangepicker_single select.ampmselect { + width: 50px; + margin-bottom: 0; } + .daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; @@ -146,30 +354,80 @@ margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } - .daterangepicker .input-mini.active { - border: 1px solid #08c; - border-radius: 4px; } + + .daterangepicker_single .input-mini { + border: 1px solid #ccc; + border-radius: 4px; + color: #555; + height: 30px; + line-height: 30px; + display: block; + vertical-align: middle; + margin: 0 0 5px 0; + padding: 0 6px 0 28px; + width: 100%; } + + .daterangepicker .input-mini.active { + border: 1px solid #08c; + border-radius: 4px; } + .daterangepicker .daterangepicker_input { position: relative; } - .daterangepicker .daterangepicker_input i { - position: absolute; - left: 8px; - top: 8px; } + + .daterangepicker .daterangepicker_input i { + position: absolute; + left: 8px; + top: 8px; } + .daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; } + .daterangepicker.rtl .daterangepicker_input i { left: auto; right: 8px; } + .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } - .daterangepicker .calendar-time select.disabled { - color: #ccc; - cursor: not-allowed; } + + .daterangepicker .calendar-time select.disabled { + color: #ccc; + cursor: not-allowed; } + + .daterangepicker_single .input-mini.active { + border: 1px solid #08c; + border-radius: 4px; } + + .daterangepicker_single .daterangepicker_input { + position: relative; } + + .daterangepicker_single .daterangepicker_input i { + position: absolute; + left: 8px; + top: 8px; } + + .daterangepicker_single .rtl .input-mini { + padding-right: 28px; + padding-left: 6px; } + + .daterangepicker_single .rtl .daterangepicker_input i { + left: auto; + right: 8px; } + + .daterangepicker_single .calendar-time { + text-align: center; + margin: 5px auto; + line-height: 30px; + position: relative; + padding-left: 28px; } + + .daterangepicker_single .calendar-time select.disabled { + color: #ccc; + cursor: not-allowed; } .ranges { font-size: 11px; @@ -267,3 +525,72 @@ float: right; } .daterangepicker .calendar.left { clear: none !important; } } + +/* single add */ +@media (min-width: 564px) { + .daterangepicker-single { + width: auto; } + .daterangepicker-single .ranges ul { + width: 160px; } + .daterangepicker-single .single .ranges ul { + width: 100%; } + .daterangepicker-single .single .calendar.left { + clear: none; } + .daterangepicker-single .single .ltr .ranges, .daterangepicker-single .single.ltr .calendar { + float: left; } + .daterangepicker_single .rtl .ranges, .daterangepicker-single .single.rtl .calendar { + float: right; } + .daterangepicker-single .ltr { + direction: ltr; + text-align: left; } + .daterangepicker-single .ltr .calendar.left { + clear: left; + margin-right: 0; } + .daterangepicker-single .ltr .calendar.left .calendar-table { + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .daterangepicker-single .ltr .calendar.right { + margin-left: 0; } + .daterangepicker-single .ltr .calendar.right .calendar-table { + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .daterangepicker-single .ltr .left .daterangepicker_input { + padding-right: 12px; } + .daterangepicker-single .ltr .calendar.left .calendar-table { + padding-right: 12px; } + .daterangepicker-single .ltr .ranges, .daterangepicker-single .ltr .calendar { + float: left; } + .daterangepicker-single .rtl { + direction: rtl; + text-align: right; } + .daterangepicker-single .rtl .calendar.left { + clear: right; + margin-left: 0; } + .daterangepicker-single .rtl .calendar.left .calendar-table { + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .daterangepicker-single .rtl .calendar.right { + margin-right: 0; } + .daterangepicker-single .rtl .calendar.right .calendar-table { + border-right: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .daterangepicker-single .rtl .left .daterangepicker_input { + padding-left: 12px; } + .daterangepicker-single .rtl .calendar.left .calendar-table { + padding-left: 12px; } + .daterangepicker-single .rtl .ranges, .daterangepicker-single .rtl .calendar { + text-align: right; + float: right; } } +@media (min-width: 730px) { + .daterangepicker-single .ranges { + width: auto; } + .daterangepicker-single .ltr .ranges { + float: left; } + .daterangepicker-single .rtl .ranges { + float: right; } + .daterangepicker-single .calendar.left { + clear: none !important; } } \ No newline at end of file -- Gitblit v1.8.0