fix: Invoice form layout

2026-02-18 13:50:31 +00:00 · 2024-10-12 20:49:56 +02:00
parent 817ef906dc
commit b7b86bb0c5
38 changed files with 1582 additions and 940 deletions
--- a/packages/webapp/src/style/App.scss
+++ b/packages/webapp/src/style/App.scss
@@ -292,4 +292,8 @@ span.table-tooltip-overview-target {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 600;
+}
+
+:root {
+  --top-offset: 60px;
 }
--- a/packages/webapp/src/style/components/PageForm.scss
+++ b/packages/webapp/src/style/components/PageForm.scss
@@ -4,11 +4,11 @@
 //   > .page-form__floating-actions
 .page-form {
  $self: '.page-form';
-  padding-bottom: 20px;
+  // padding-bottom: 20px;

  &__floating-actions {
-    position: fixed;
-    bottom: 0;
+    // position: fixed;
+    // bottom: 0;
    width: 100%;
    background: #fff;
    padding: 14px 18px;
@@ -60,6 +60,7 @@
      margin: 20px 0 0 0;
      padding-left: 32px;
      padding-right: 32px;
+      padding-bottom: 20px;

      label.bp4-label{
        font-weight: 500;
--- a/packages/webapp/src/style/pages/SaleInvoice/PageForm.scss
+++ b/packages/webapp/src/style/pages/SaleInvoice/PageForm.scss
@@ -6,7 +6,7 @@ body.page-invoice-edit {
 }

 .dashboard__insider--invoice-form {
-  padding-bottom: 64px;
+  // padding-bottom: 64px;
 }

 .page-form--invoice {