diff options
| -rw-r--r-- | StoneIsland/www/css/cart.css | 55 | ||||
| -rw-r--r-- | StoneIsland/www/index.html | 6 |
2 files changed, 59 insertions, 2 deletions
diff --git a/StoneIsland/www/css/cart.css b/StoneIsland/www/css/cart.css index ff331418..6467e8d3 100644 --- a/StoneIsland/www/css/cart.css +++ b/StoneIsland/www/css/cart.css @@ -191,4 +191,59 @@ font-weight:bold .cart-summary-row:last-child { color:#000; +} + +.dropdown-wrapper { + position:relative; + text-align:right; + width:calc(100vw - 10px); + margin:0 auto; + box-sizing:border-box; + +} + +.dropdown-wrapper .add_edit { + padding:10px; + letter-spacing:0.5px; + font-size:12px; + color:#a9a9a9; + box-sizing:border-box; +} + +.dropdown-wrapper .dropdown { + font-size:14px; + box-sizing:border-box; + align-items: center; + text-align: center; + padding:10px 0; + border:1px solid #a9a9a9; + position:relative; +} + +.dropdown-wrapper .dropdown::before { + content:''; + box-sizing:border-box; + right:25px; + width:1px; + top:50%; + transform:translateY(-50%) rotate(45deg); + height:12px; + background:#a9a9a9; + position:absolute; + z-index:999; + transform-origin:bottom left; +} + +.dropdown-wrapper .dropdown::after { + content:''; + box-sizing:border-box; + right:25px; + width:1px; + top:50%; + transform:translateY(-50%) rotate(-45deg); + transform-origin:bottom right; + height:12px; + background:#a9a9a9; + position:absolute; + z-index:999; }
\ No newline at end of file diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html index 00f65146..fad265e2 100644 --- a/StoneIsland/www/index.html +++ b/StoneIsland/www/index.html @@ -619,10 +619,12 @@ <div id="cart_shipping"> <div class="scroll"> <form> - <div class="add_edit">add/edit</div> - <div class="select_address"> + <div class="dropdown-wrapper"> + <div class="dropdown-title add_edit">add / edit</div> + <div class="dropdown select_address"> ADDRESS </div> + </div> <div class="address_form"> <div class="address"></div> <div class="checkbox-container"> |