facilityDialog.scss 1.18 KB
Newer Older
1
2
@import '../variables';

3
4
5
6
.fd-small-grid {
  padding: 4px !important;
}

7
.fd-dialog-paper {
8
9
  width: auto !important;
  border-radius: 5px !important;
10
11
12
13
14
}

.fd-container {
  margin: 0 !important;
  width: 100% !important;
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
  overflow-x: hidden;
}

.fd-close-btn {
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  top: 5px;
  right: 5px;
}

.fd-header-container {
  @extend .fd-small-grid;

  width: 100%;
30
31
32
}

.fd-header {
33
34
35
36
37
38
39
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
}

.fd-header-text-container {
  flex: 1 !important;
40
  padding: 0 !important;
41
42
43
44
45
46
47
48
49
50
}

.fd-header-text {
  max-width: 80% !important;
}

.fd-location-wrapper {
  @extend .fd-small-grid;

  display: flex !important;
51
52
53
54
  align-items: center;
}

.fd-facility-tags {
55
56
  @extend .fd-small-grid;

57
58
59
60
  width: 100%;
}

.fd-week-hours {
61
62
  @extend .fd-small-grid;

63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
  width: 100%;
}

.fd-toggle-map-btn-container {
  padding: 0 !important;
  width: 100%;
}

.fd-toggle-map-btn {
  width: 100%;
}


@media screen and (min-width: map-get($breakpoints, lg)) {
  .fd-dialog-root {
    display: none !important;
  }
}


//Under lg
@media screen and (max-width: map-get($breakpoints, lg) - 1px) {

}