diff --git a/public/static/images/canvas/estiment_arr.svg b/public/static/images/canvas/estiment_arr.svg new file mode 100644 index 00000000..bcdbb42b --- /dev/null +++ b/public/static/images/canvas/estiment_arr.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/static/images/canvas/estiment_arr_color.svg b/public/static/images/canvas/estiment_arr_color.svg new file mode 100644 index 00000000..45588c74 --- /dev/null +++ b/public/static/images/canvas/estiment_arr_color.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index 50abad0d..6715d48b 100644 --- a/src/styles/_contents.scss +++ b/src/styles/_contents.scss @@ -828,22 +828,49 @@ } } +.estimate-arr-btn{ + display: block; + width: 20px; + height: 20px; + background-color: #94A0AD; + border: 1px solid #94A0AD; + background-position: center; + background-repeat: no-repeat; + background-image: url(../../public/static/images/canvas/estiment_arr.svg); + background-size: 11px 7px; + border-radius: 2px; + &.up{ + rotate: 180deg; + } + &.on{ + background-color: #fff; + border-color: #C2D0DD; + background-image: url(../../public/static/images/canvas/estiment_arr_color.svg) + } +} +.estimate-check-wrap{ + .estimate-check-inner{ + display: block; + } + &.hide{ + border-bottom: 1px solid #ECF0F4; + margin-bottom: 15px; + .estimate-check-inner{ + display: none; + } + } +} + .special-note-check-wrap{ display: grid; grid-template-columns: repeat(5, 1fr); - border: 1px solid #ECF0F4; border-radius: 3px; margin-bottom: 30px; .special-note-check-item{ padding: 14px 10px; - border-right: 1px solid #ECF0F4; - border-top: 1px solid #ECF0F4; - &:nth-child(5n){ - border-right: none; - } - &:nth-child(-n+5){ - border-top: none; - } + border: 1px solid #ECF0F4; + margin-top: -1px; + margin-right: -1px; &.act{ background-color: #F7F9FA; }