Fix dashboard help component position (baserow#4230)

Author: bram2w

premium/backend/tests/baserow_premium_tests/fields/test_ai_field_type.py

@@ -3,6 +3,7 @@
 import pytest
 from baserow_premium.fields.field_types import AIFieldType
 from baserow_premium.fields.models import AIField
+from pytest_unordered import unordered
 from rest_framework.status import HTTP_200_OK, HTTP_400_BAD_REQUEST, HTTP_404_NOT_FOUND
 
 from baserow.contrib.database.fields.dependencies.models import FieldDependency
@@ -1259,15 +1260,16 @@ def test_create_ai_field_with_references(premium_data_fixture):
         ai_prompt=f"concat('test:',get('fields.field_{ai_field.id}'))",
     )
 
-    deps = list(FieldDependency.objects.all().order_by("dependant", "dependency"))
+    deps = list(FieldDependency.objects.values("dependant_id", "dependency_id"))
 
     assert len(deps) == 3
-    assert deps[0].dependant_id == ai_field.id
-    assert deps[0].dependency_id == text_field.id
-    assert deps[1].dependant_id == ai_field.id
-    assert deps[1].dependency_id == other_text_field.id
-    assert deps[2].dependency_id == ai_field.id
-    assert deps[2].dependant_id == other_ai_field.id
+    assert deps == unordered(
+        [
+            {"dependant_id": ai_field.id, "dependency_id": text_field.id},
+            {"dependant_id": ai_field.id, "dependency_id": other_text_field.id},
+            {"dependant_id": other_ai_field.id, "dependency_id": ai_field.id},
+        ]
+    )
 
 
 @pytest.mark.django_db

web-frontend/modules/core/assets/scss/components/dashboard.scss

@@ -283,3 +283,7 @@
   margin: 0;
   font-size: 12px;
 }
+
+.dashboard__help {
+  @include absolute(auto, 32px, 0, auto);
+}

web-frontend/modules/core/components/dashboard/DashboardHelp.vue

@@ -3,7 +3,7 @@
     v-if="displayAlert"
     type="blank"
     close-button
-    position="bottom"
+    class="dashboard__help"
     :width="396"
     @close="handleAlertClose"
   >

web-frontend/modules/core/pages/workspace.vue

@@ -198,17 +198,15 @@
         ref="createApplicationContext"
         :workspace="selectedWorkspace"
       ></CreateApplicationContext>
-      <DashboardHelp
-        v-if="dashboardHelpComponents.length === 0"
-      ></DashboardHelp>
-      <template v-else>
-        <component
-          :is="component"
-          v-for="(component, index) in dashboardHelpComponents"
-          :key="index"
-        ></component>
-      </template>
     </div>
+    <DashboardHelp v-if="dashboardHelpComponents.length === 0"></DashboardHelp>
+    <template v-else>
+      <component
+        :is="component"
+        v-for="(component, index) in dashboardHelpComponents"
+        :key="index"
+      ></component>
+    </template>
     <TemplateModal
       ref="templateModal"
       :workspace="selectedWorkspace"