[#2294] Removed scroll-to-top, added KCM mobile style

src/open_inwoner/js/components/anchor-menu/index.js

@@ -1,3 +1,2 @@
 import './anchor-menu'
 import './anchor-menu-mobile'
-import './scroll_to_top'

src/open_inwoner/scss/components/Header/AnchorMenu.scss

@@ -155,32 +155,3 @@
     }
   }
 }
-
-/// Scroll
-.anchor {
-  &__scroll {
-    display: none;
-    position: fixed;
-    bottom: var(--spacing-large);
-    right: var(--spacing-large);
-    z-index: 1005;
-
-    @media (min-width: 768px) {
-      position: static;
-      display: none;
-    }
-
-    &-link {
-      position: static;
-
-      @media (min-width: 768px) {
-        position: static;
-        display: none;
-      }
-
-      .link {
-        border-color: transparent;
-      }
-    }
-  }
-}

src/open_inwoner/scss/components/KCMSurvey/KCMSurvey.scss

@@ -1,15 +1,31 @@
 .kcm-survey {
+  display: inline-block;
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: 0;
   position: fixed;
-  inset: 50% -20px auto auto;
-  transform: rotate(180deg) translateX(50%) translateY(50%);
-  writing-mode: vertical-rl;
+  bottom: 0;
+  right: 0;
   z-index: 1010;
   padding: var(--spacing-medium);
   background-color: var(--color-info-lighter);
   font-size: var(--font-size-heading-card);
   font-weight: bold;
+  writing-mode: initial;
 
   & .link {
     color: var(--color-info-darker);
   }
+
+  @media (min-width: 768px) {
+    border-top-left-radius: 0;
+    border-top-right-radius: var(--border-radius);
+    border-bottom-right-radius: var(--border-radius);
+    bottom: initial;
+    right: initial;
+    display: block;
+    inset: 50% -20px auto auto;
+    transform: rotate(180deg) translateX(50%) translateY(50%);
+    writing-mode: vertical-rl;
+  }
 }

src/open_inwoner/templates/master.html

@@ -105,11 +105,6 @@
             {% endblock mobile_anchors %}
         {% endif %}
 
-        <div class="anchor__scroll" id="scroll-anchor">
-            <div class="anchor__scroll-link">
-                {% button href="#top" text=_("Terug naar boven") icon="arrow_upward" pill=True %}
-            </div>
-        </div>
         {% render_breadcrumbs "components/Header/Breadcrumbs.html" %}
 
         {% block header_image %}{% endblock header_image %}