diff --git a/app/assets/images/caret-down.svg b/app/assets/images/caret-down.svg new file mode 100644 index 000000000..a19d0f357 --- /dev/null +++ b/app/assets/images/caret-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/stylesheets/buttons.css b/app/assets/stylesheets/buttons.css index ccc8ebffd..bacea74a1 100644 --- a/app/assets/stylesheets/buttons.css +++ b/app/assets/stylesheets/buttons.css @@ -192,21 +192,14 @@ animation: zoom-fade 300ms ease-out; } } -} + .btn--dialog { + .icon--caret-down { + font-size: 1ch; + } - - - - -.btn-dialog { - .popup { - background-color: var(--bubble-color, var(--color-bg)); - margin-top: var(--btn-size); - } - - .popup__item { - --btn-background: var(--bubble-color); - --btn-color: var(--color-bg); + + .popup { + margin-top: var(--btn-size); + } } } diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css index 7937952f3..8380ef7d0 100644 --- a/app/assets/stylesheets/icons.css +++ b/app/assets/stylesheets/icons.css @@ -35,6 +35,7 @@ .icon--calendar-add { --svg: url("calendar-add.svg "); } .icon--calendar { --svg: url("calendar.svg "); } .icon--camera { --svg: url("camera.svg "); } + .icon--caret-down { --svg: url("caret-down.svg "); } .icon--chart { --svg: url("chart.svg "); } .icon--check { --svg: url("check.svg "); } .icon--close { --svg: url("close.svg "); } diff --git a/app/views/bubbles/_pop_toggle.html.erb b/app/views/bubbles/_pop_toggle.html.erb index f9b1d4105..42f1581be 100644 --- a/app/views/bubbles/_pop_toggle.html.erb +++ b/app/views/bubbles/_pop_toggle.html.erb @@ -8,8 +8,9 @@