Skip to content

Commit 1bb1a88

Browse files
dmytrotskodmytrotsko
authored
Merge pull request #191 from cmu-delphi/development
Development
2 parents f5ba328 + 4221eab commit 1bb1a88

File tree

2 files changed

+1707
-0
lines changed

2 files changed

+1707
-0
lines changed

‎src/assets/css/custom_styles.css‎

Lines changed: 260 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,260 @@
1+
.no-padding-top-bottom {
2+
padding-top: 0 !important;
3+
padding-bottom: 0 !important;
4+
}
5+
6+
.colvis {
7+
margin-top: 20px;
8+
}
9+
10+
.font-size-25 {
11+
font-size: 25px !important;
12+
}
13+
14+
.margin-left-10 {
15+
margin-left: 10px !important;
16+
}
17+
18+
.no-padding-top {
19+
padding-top: 0 !important;
20+
}
21+
22+
.smaller-font-size {
23+
font-size: 0.9rem;
24+
}
25+
26+
.text-center {
27+
text-align: center !important;
28+
}
29+
30+
.code-block {
31+
background-color: #f4f4f4;
32+
border: 1px solid #ddd;
33+
border-radius: 4px;
34+
padding: 15px;
35+
font-family: "Courier New", Courier, monospace;
36+
font-size: 14px;
37+
line-height: 1.6;
38+
overflow-x: auto;
39+
white-space: pre-wrap;
40+
margin: 10px 0;
41+
}
42+
43+
.highlight-code {
44+
font-size: 0.875em !important;
45+
color: var(--mdb-code-color) !important;
46+
word-wrap: break-word !important;
47+
}
48+
49+
/* Loader Overlay */
50+
.loader-overlay {
51+
position: fixed;
52+
top: 0;
53+
left: 0;
54+
width: 100%;
55+
height: 100%;
56+
background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
57+
display: none; /* Hidden by default */
58+
justify-content: center;
59+
align-items: center;
60+
z-index: 1000; /* Ensure it’s on top */
61+
}
62+
63+
/* Table fade effect when loader is active */
64+
.table-container.faded {
65+
opacity: 0.3; /* Fades the table */
66+
transition: opacity 0.3s ease;
67+
}
68+
69+
/* lds-roller CSS from loading.io */
70+
.lds-roller {
71+
display: inline-block;
72+
position: relative;
73+
width: 200px;
74+
height: 200px;
75+
}
76+
.lds-roller div {
77+
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
78+
transform-origin: 40px 40px;
79+
}
80+
.lds-roller div:after {
81+
content: " ";
82+
display: block;
83+
position: absolute;
84+
width: 7px;
85+
height: 7px;
86+
border-radius: 50%;
87+
background: #fff;
88+
margin: -4px 0 0 -4px;
89+
}
90+
.lds-roller div:nth-child(1) {
91+
animation-delay: -0.036s;
92+
}
93+
.lds-roller div:nth-child(1):after {
94+
top: 63px;
95+
left: 63px;
96+
}
97+
.lds-roller div:nth-child(2) {
98+
animation-delay: -0.072s;
99+
}
100+
.lds-roller div:nth-child(2):after {
101+
top: 68px;
102+
left: 56px;
103+
}
104+
.lds-roller div:nth-child(3) {
105+
animation-delay: -0.108s;
106+
}
107+
.lds-roller div:nth-child(3):after {
108+
top: 71px;
109+
left: 48px;
110+
}
111+
.lds-roller div:nth-child(4) {
112+
animation-delay: -0.144s;
113+
}
114+
.lds-roller div:nth-child(4):after {
115+
top: 72px;
116+
left: 40px;
117+
}
118+
.lds-roller div:nth-child(5) {
119+
animation-delay: -0.18s;
120+
}
121+
.lds-roller div:nth-child(5):after {
122+
top: 71px;
123+
left: 32px;
124+
}
125+
.lds-roller div:nth-child(6) {
126+
animation-delay: -0.216s;
127+
}
128+
.lds-roller div:nth-child(6):after {
129+
top: 68px;
130+
left: 24px;
131+
}
132+
.lds-roller div:nth-child(7) {
133+
animation-delay: -0.252s;
134+
}
135+
.lds-roller div:nth-child(7):after {
136+
top: 63px;
137+
left: 17px;
138+
}
139+
.lds-roller div:nth-child(8) {
140+
animation-delay: -0.288s;
141+
}
142+
.lds-roller div:nth-child(8):after {
143+
top: 56px;
144+
left: 12px;
145+
}
146+
@keyframes lds-roller {
147+
0% {
148+
transform: rotate(0deg);
149+
}
150+
100% {
151+
transform: rotate(360deg);
152+
}
153+
}
154+
155+
.additional-filters-button {
156+
width: 100%;
157+
}
158+
159+
td.dt-empty {
160+
text-align: left !important;
161+
}
162+
163+
.margin-left-right-auto {
164+
margin-left: auto !important;
165+
margin-right: auto !important;
166+
}
167+
168+
.table-striped > tbody > tr.odd-row {
169+
background-color: rgb(230, 230, 230) !important;
170+
}
171+
172+
.odd-row > .dtfc-fixed-start,
173+
.odd-row > .dtfc-fixed-end {
174+
background-color: rgb(230, 230, 230) !important;
175+
}
176+
177+
tr:not(.odd-row) > .dtfc-fixed-start,
178+
tr:not(.odd-row) > .dtfc-fixed-end {
179+
background-color: #f6f9ff !important;
180+
}
181+
182+
183+
#geo-loader {
184+
display: flex;
185+
align-items: center;
186+
justify-content: center;
187+
min-height: 40px; /* Adjust as needed for vertical centering */
188+
}
189+
190+
.lds-ellipsis,
191+
.lds-ellipsis div {
192+
box-sizing: border-box;
193+
}
194+
.lds-ellipsis {
195+
display: inline-block;
196+
position: relative;
197+
width: 24px;
198+
height: 24px;
199+
}
200+
.lds-ellipsis div {
201+
position: absolute;
202+
top: 12px;
203+
width: 6px;
204+
height: 6px;
205+
border-radius: 50%;
206+
background: currentColor;
207+
animation-timing-function: cubic-bezier(0, 1, 1, 0);
208+
}
209+
.lds-ellipsis div:nth-child(1) {
210+
left: 2px;
211+
animation: lds-ellipsis1 0.6s infinite;
212+
}
213+
.lds-ellipsis div:nth-child(2) {
214+
left: 2px;
215+
animation: lds-ellipsis2 0.6s infinite;
216+
}
217+
.lds-ellipsis div:nth-child(3) {
218+
left: 12px;
219+
animation: lds-ellipsis2 0.6s infinite;
220+
}
221+
.lds-ellipsis div:nth-child(4) {
222+
left: 22px;
223+
animation: lds-ellipsis3 0.6s infinite;
224+
}
225+
@keyframes lds-ellipsis1 {
226+
0% {
227+
transform: scale(0);
228+
}
229+
100% {
230+
transform: scale(1);
231+
}
232+
}
233+
@keyframes lds-ellipsis3 {
234+
0% {
235+
transform: scale(1);
236+
}
237+
100% {
238+
transform: scale(0);
239+
}
240+
}
241+
@keyframes lds-ellipsis2 {
242+
0% {
243+
transform: translate(0, 0);
244+
}
245+
100% {
246+
transform: translate(24px, 0);
247+
}
248+
}
249+
250+
251+
.badge-pill-outline {
252+
border: 1px solid #000;
253+
background-color: #fff;
254+
color: #000;
255+
border-radius: 50rem;
256+
padding: 0.35em 0.65em;
257+
font-size: 0.85em;
258+
margin-right: 0.4em;
259+
margin-bottom: 0.25em;
260+
}

0 commit comments

Comments
 (0)