eSales Media Git repositories
Browse code

Update

Benjamin Roth authored on17/03/2023 09:52:56
Showing1 changed files
files/base/layout/css/user/user-addresses.scss
History View file @7812883
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,105 @@
1 
+.mod_iso_addressbook {
2 
+  width: auto !important;
3 
+
4 
+
5 
+  .clear {
6 
+    display: none;
7 
+  }
8 
+
9 
+  h1,
10 
+  p {
11 
+    width: 100%;
12 
+  }
13 
+
14 
+  p.empty {
15 
+    text-align: center;
16 
+    //@extend .alert, .bg-info;
17 
+  }
18 
+
19 
+  p {
20 
+    margin-bottom: 2rem;
21 
+    text-align: right;
22 
+
23 
+    a.add {
24 
+      text-decoration: none;
25 
+
26 
+      //@extend .btn, .btn-outline-primary;
27 
+
28 
+      &:after {
29 
+        @extend %fa-icon;
30 
+        @extend .fas;
31 
+        content: fa-content($fa-var-plus);
32 
+        margin-left: rfs-value(8px);
33 
+        vertical-align: middle;
34 
+      }
35 
+    }
36 
+  }
37 
+
38 
+  > div.container {
39 
+    @include media-breakpoint-up(lg) {
40 
+      display: flex;
41 
+      flex-flow: row wrap;
42 
+      margin-left: -1rem !important;
43 
+      margin-right: -1rem !important;
44 
+
45 
+      > * {
46 
+        padding-right: 1rem;
47 
+        padding-left: 1rem;
48 
+      }
49 
+    }
50 
+
51 
+    > div {
52 
+      position: relative;
53 
+
54 
+      @include media-breakpoint-up(lg) {
55 
+        width: 50%;
56 
+        margin-bottom: 2rem;
57 
+      }
58 
+    }
59 
+
60 
+  }
61 
+
62 
+
63 
+  .vcard {
64 
+    background-color: var(--bs-gray-100);
65 
+    padding: 1rem 2rem 1rem 1rem;
66 
+    margin-bottom: 2rem;
67 
+  }
68 
+
69 
+  .buttons {
70 
+    position: absolute;
71 
+    right: 0.75rem;
72 
+    top: 0.25rem;
73 
+
74 
+    @include media-breakpoint-up(lg) {
75 
+      right: 1.75rem;
76 
+    }
77 
+
78 
+    a {
79 
+      color: transparent;
80 
+      font-size: 0px;
81 
+      margin-left: 5px;
82 
+
83 
+      &:after {
84 
+        font-size: 1rem;
85 
+        color: var(--bs-primary);
86 
+      }
87 
+
88 
+      &.edit {
89 
+        &:after {
90 
+          @extend %fa-icon;
91 
+          @extend .fas;
92 
+          content: fa-content($fa-var-pen);
93 
+        }
94 
+      }
95 
+
96 
+      &.delete {
97 
+        &:after {
98 
+          @extend %fa-icon;
99 
+          @extend .fas;
100 
+          content: fa-content($fa-var-trash);
101 
+        }
102 
+      }
103 
+    }
104 
+  }
105 
+}