changed to focus mode

Author: GrabowskiM

src/bundle/Resources/public/scss/_user-mode-badge.scss

@@ -0,0 +1,13 @@
+.ibexa-user-mode-badge {
+    display: flex;
+    height: calculateRem(24px);
+    padding: calculateRem(4px) calculateRem(8px);
+    margin-left: calculateRem(24px);
+    align-items: center;
+    border-radius: calculateRem(16px);
+    border: calculateRem(0.5px) solid $ibexa-color-light-600;
+    background: $ibexa-color-dark;
+    color: $ibexa-color-light-600;
+    font-size: calculateRem(12px);
+    line-height: calculateRem(18px);
+}

src/bundle/Resources/views/themes/admin/ui/layout.html.twig

@@ -129,7 +129,7 @@
                     {% block user_mode %}
                         {# TODO: get user mode from backend #}
                         {{ include('@ibexadesign/ui/user_mode_badge.html.twig', {
-                            smart_mode: true,
+                            focus_mode: true,
                         }) }}
                     {% endblock %}
                 </div>

src/bundle/Resources/views/themes/admin/ui/user_mode_badge.html.twig

@@ -0,0 +1,7 @@
+{% trans_default_domain 'ibexa_user_mode_badge' %}
+
+{% if focus_mode == true %}
+    <div class="ibexa-user-mode-badge">
+        {{ 'user_mode_badge.focus'|trans|desc('Focus mode') }}
+    </div>
+{% endif %}