juice-shop

1
/*!
2
 * Copyright (c) 2014-2024 Bjoern Kimminich & the OWASP Juice Shop contributors.
3
 * SPDX-License-Identifier: MIT
4
 */
5

6
$bg-heading: rgba(0, 0, 0, 0.13);
7

8
.heading {
9
  background: $bg-heading;
10
  font-size: large;
11
  justify-content: center;
12
  margin-bottom: 10px;
13
  padding: 12px;
14
}
15

16
.container {
17
  justify-content: center;
18
}
19

20
mat-table {
21
  height: 767px;
22
}
23

24
mat-header-row {
25
  min-height: 0 !important;
26
}
27

28
.user-container,
29
.customer-container {
30
  max-width: 600px;
31
  min-width: 300px;
32
  width: 70%;
33
}
34

35
.user-table,
36
.customer-table {
37
  margin-bottom: 25px;
38
}
39

40
.mat-column-icon svg,
41
.mat-column-user_detail button {
42
  margin-left: 38%;
43
}
44

45
mat-cell,
46
mat-footer-cell,
47
mat-header-cell {
48
  align-items: normal;
49
  display: block;
50
}
51

52
.mat-column-comment {
53
  flex: 0 0 55% !important;
54
  -ms-hyphens: auto;
55
  -moz-hyphens: auto;
56
  -webkit-hyphens: auto;
57
  hyphens: auto;
58
  overflow-wrap: break-word;
59
  padding: 5px;
60
  white-space: unset !important;
61
  width: 55% !important;
62

63
  word-break: break-word;
64
  word-wrap: break-word !important;
65
}
66

67
.mat-column-user {
68
  flex: 0 0 7% !important;
69
  -ms-hyphens: auto;
70
  -moz-hyphens: auto;
71
  -webkit-hyphens: auto;
72
  hyphens: auto;
73
  overflow-wrap: break-word;
74
  padding: 5px;
75
  white-space: unset !important;
76
  width: 7% !important;
77
  word-break: break-word;
78
  word-wrap: break-word !important;
79
}
80

81
.mat-column-rating {
82
  flex: 0 0 20% !important;
83
  -ms-hyphens: auto;
84
  -moz-hyphens: auto;
85
  -webkit-hyphens: auto;
86
  hyphens: auto;
87
  overflow-wrap: break-word;
88
  white-space: unset !important;
89
  width: 20% !important;
90
  word-break: break-word;
91
  word-wrap: break-word !important;
92
}
93

94
mat-cell:last-child,
95
mat-footer-cell:last-child,
96
mat-header-cell:last-child {
97
  padding-right: 50px;
98
}
99

100
mat-row {
101
  height: 69px;
102
}
103

104
.mat-own-card {
105
  display: block;
106
  margin-bottom: 20px;
107
  margin-left: 10%;
108
  margin-right: 10%;
109
}
110

111
p {
112
  -webkit-box-orient: vertical;
113
  display: -webkit-box;
114
  -webkit-line-clamp: 2;
115
  overflow: hidden;
116
}
117