diff --git a/src/styles/commonComponentStyles/ymmsCommonStyles.scss b/src/styles/commonComponentStyles/ymmsCommonStyles.scss index a550552b9..d3d5e5d7f 100644 --- a/src/styles/commonComponentStyles/ymmsCommonStyles.scss +++ b/src/styles/commonComponentStyles/ymmsCommonStyles.scss @@ -1,61 +1,66 @@ -.vehicle-select-attributes { - height: 100vh; - - .select-car-form { - background: $white; - height: 100%; - - form { - height: calc(100% - 230px); - overflow-y: scroll; - overflow-x: hidden; - } - - .car_list, .current_car_info-text, .needed_car_info-text { - flex-shrink: 0; - width: 100%; - position: relative; - transition: transform .3s; - } +// SelectCar styles +.select-car { + height: calc(100vh - 1rem); + + .car_list { + position: absolute; + height: calc(100% - 1rem); + width: calc(100% - 1rem); + overflow-y: scroll; + overflow-x: hidden; } - + + .current_car_info-text, .needed_car_info-text { + flex-shrink: 0; + width: 100%; + position: relative; + transition: transform .3s; + } + .current_car_info { position: relative; min-height: 2.5rem; - + .current_car_info-text { position: absolute; } } -} - -.slide-enter-from { + + .back-button { + margin-left: 5px; + img { + width: 20px; + } + } + } + + .slide-enter-from { opacity: 0; transform: translateX(30vw); -} -.slide-enter-active, .slide-leave-active { + } + .slide-enter-active, .slide-leave-active { transition: all .4s; -} -.slide-leave-to { + } + .slide-leave-to { opacity: 0; transform: translateX(-30vw); -} - -.slide_reverse-enter-from { + } + + .slide_reverse-enter-from { opacity: 0; transform: translateX(-30vw); -} -.slide_reverse-enter-active, .slide_reverse-leave-active { + } + .slide_reverse-enter-active, .slide_reverse-leave-active { transition: all .4s; -} -.slide_reverse-leave-to { + } + .slide_reverse-leave-to { opacity: 0; transform: translateX(30vw); -} - -.fade-enter-from, .fade-leave-to { + } + + .fade-enter-from, .fade-leave-to { opacity: 0; -} -.fade-enter-active, .fade-leave-active { + } + .fade-enter-active, .fade-leave-active { transition: all .5s ease; -} + } \ No newline at end of file