@asd20/ui 3.2.935 → 3.2.936

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.935",
8
+ "version": "3.2.936",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -39,7 +39,7 @@
39
39
  centered
40
40
  reversed
41
41
  />
42
- <div class="right">
42
+ <div class="language-and-tools">
43
43
  <Asd20LanguageTranslation
44
44
  v-if="languageCode"
45
45
  reversed
@@ -325,7 +325,7 @@ export default {
325
325
  color: var(--website-header__foreground-color);
326
326
  order: 2;
327
327
  }
328
- .right {
328
+ .language-and-tools {
329
329
  display: flex;
330
330
  align-items: center;
331
331
  }
@@ -582,7 +582,7 @@ export default {
582
582
  }
583
583
  }
584
584
  &__tools {
585
- .right {
585
+ .language-and-tools {
586
586
  & > *:not(:first-child) {
587
587
  margin-left: space(0.25);
588
588
  }
@@ -604,11 +604,14 @@ export default {
604
604
  left: space(4);
605
605
  }
606
606
  &__main {
607
+ justify-content: space-between;
607
608
  background: var(--website-header__background-color)
608
609
  var(--website-header__background-style);
609
610
  }
610
611
  &__content {
611
612
  width: 100%;
613
+ flex-basis: 50%;
614
+ flex-grow: 1;
612
615
  padding: space(0) space(2) space(1) space(3);
613
616
  min-height: 300px;
614
617
  // margin-right: space(3);
@@ -616,7 +619,7 @@ export default {
616
619
  }
617
620
  &__image {
618
621
  display: flex;
619
- max-width: 500px;
622
+ max-width: 40vw;
620
623
  margin-top: space(-1);
621
624
  margin-bottom: space(-1);
622
625
  border-radius: var(--website-shape__radius-m);
@@ -662,12 +665,16 @@ export default {
662
665
  margin: space(0.5) 0;
663
666
  }
664
667
  &__tools {
665
- flex-direction: row-reverse;
668
+ flex-direction: row;
669
+ flex-wrap: wrap;
666
670
  margin-top: space(1.5);
667
671
  .asd20-breadcrumb,
668
672
  .back {
669
673
  margin: 0 !important;
670
- // order: 1;
674
+ order: 1;
675
+ }
676
+ .language-and-tools {
677
+ order: 2;
671
678
  }
672
679
  .asd20-language-loader {
673
680
  order: 2;