Skip to content

Commit 4699278

Browse files
CopilotCopilot
authored
fix: correct notification styles for success (green check) and error (red circled exclamation)
1 parent 55f34e5 commit 4699278

2 files changed

Lines changed: 182 additions & 1 deletion

File tree

‎docker/Dockerfile‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,10 @@ COPY static/ /var/www/vhosts/x0/static/github2sf/
1818
# Link the x0 base stylesheets and fontawesome into the app subdir so that
1919
# the x0 framework can find bootstrap.css, globalstyles.css and all.min.css
2020
# at the {subdir}/ path it generates in the HTML <link> tags.
21+
# globalstyles.css is copied (not symlinked) so that app-specific overrides
22+
# for notification indicator styles (IndicatorSuccess, IndicatorWarning, ...)
23+
# are included.
2124
RUN ln -s /var/www/vhosts/x0/static/bootstrap.css /var/www/vhosts/x0/static/github2sf/bootstrap.css \
22-
&& ln -s /var/www/vhosts/x0/static/globalstyles.css /var/www/vhosts/x0/static/github2sf/globalstyles.css \
2325
&& ln -s /var/www/vhosts/x0/static/fontawesome /var/www/vhosts/x0/static/github2sf/fontawesome
2426

2527
# Copy Python WSGI backend scripts into the x0 python directory

‎static/globalstyles.css‎

Lines changed: 179 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,179 @@
1+
body {
2+
font-family: Georgia, serif;
3+
background-color: #2b5575;
4+
}
5+
6+
a:link {
7+
color: #2b5550;
8+
}
9+
10+
a:visited {
11+
color: #2b55a5;
12+
}
13+
14+
a:hover {
15+
color: hotpink;
16+
}
17+
18+
a:active {
19+
color: blue;
20+
}
21+
22+
.required::before {
23+
content: "*";
24+
color: red;
25+
}
26+
27+
.overlay-default {
28+
position: absolute;
29+
top: 5%;
30+
left: 5%;
31+
width: 90%;
32+
height: 50%;
33+
}
34+
35+
.menu-absolute-pos {
36+
position: absolute;
37+
top: 10px;
38+
left: 10px;
39+
}
40+
41+
.th-height-default {
42+
height:30px;
43+
}
44+
45+
.tr-height-default {
46+
height:40px;
47+
}
48+
49+
.sysContextMenuTable {
50+
position: absolute;
51+
width: 200px;
52+
}
53+
54+
.sysTreeNodeRoot {
55+
}
56+
57+
.sysTreeSelected {
58+
width: 4px;
59+
height: 24px;
60+
border-radius: 25px;
61+
margin-right: 2px;
62+
float: left;
63+
}
64+
65+
.sysTreeSelectedHilite {
66+
background: #202020;
67+
}
68+
69+
.sysTreeItemContainer {
70+
width: 150px;
71+
height: 24px;
72+
border-radius: 5px;
73+
border-style: dotted;
74+
border-width: thin;
75+
border-color: #202020;
76+
padding-left: 2px;
77+
background: #848484;
78+
float: right;
79+
}
80+
81+
.sysTreeIcon {
82+
float: left;
83+
}
84+
85+
.sysTreeNodeText {
86+
font-size: 14px;
87+
padding-top: 0px;
88+
padding-left: 2px;
89+
float: left;
90+
}
91+
92+
.sysTreeNodeTextHilite {
93+
border-style: solid;
94+
background: #202020;
95+
color: #ffffff;
96+
}
97+
98+
.sysTreeOpenClose {
99+
padding-right: 2px;
100+
float: right;
101+
}
102+
103+
.sysTreeItemLink {
104+
font-size: 14px;
105+
text-decoration: underline dotted;
106+
padding-top: 0px;
107+
padding-left: 2px;
108+
float: left;
109+
}
110+
111+
.sysTreeItemIndent0 {
112+
padding-left: 4px;
113+
}
114+
115+
.sysTreeItemIndent1 {
116+
padding-left: 10px;
117+
}
118+
119+
.sysTreeItemIndent2 {
120+
padding-left: 16px;
121+
}
122+
123+
.sysTreeItemIndent3 {
124+
padding-left: 22px;
125+
}
126+
127+
.TreeOpenCloseContainerLeft {
128+
width: 160px;
129+
float: left;
130+
}
131+
132+
.TreeOpenCloseContainerRight {
133+
width: 160px;
134+
float: right;
135+
}
136+
137+
/* Notification indicator: success (green with green check) */
138+
.IndicatorSuccess {
139+
background-color: #d1e7dd !important;
140+
border-color: #a3cfbb !important;
141+
color: #0f5132 !important;
142+
}
143+
144+
.IndicatorSuccess .col-2 > div {
145+
color: #198754;
146+
font-size: 1.4rem;
147+
}
148+
149+
/* Notification indicator: warning/error (red with circled exclamation) */
150+
.IndicatorWarning {
151+
background-color: #f8d7da !important;
152+
border-color: #f1aeb5 !important;
153+
color: #58151c !important;
154+
}
155+
156+
.IndicatorWarning .col-2 > div {
157+
width: 1.8rem;
158+
height: 1.8rem;
159+
border-radius: 50%;
160+
border: 2px solid #dc3545;
161+
display: flex;
162+
align-items: center;
163+
justify-content: center;
164+
color: #dc3545;
165+
font-size: 0.75rem;
166+
flex-shrink: 0;
167+
}
168+
169+
/* Notification indicator: system error (orange/amber with bug icon) */
170+
.IndicatorError {
171+
background-color: #fff3cd !important;
172+
border-color: #ffe69c !important;
173+
color: #664d03 !important;
174+
}
175+
176+
.IndicatorError .col-2 > div {
177+
color: #fd7e14;
178+
font-size: 1.4rem;
179+
}

0 commit comments

Comments
 (0)