1+ * {
2+ box-sizing : border-box;
3+ }
4+
5+ ::-webkit-scrollbar {
6+ -webkit-appearance : none;
7+ width : 7px ;
8+ }
9+
10+ ::-webkit-scrollbar-thumb {
11+ border-radius : 4px ;
12+ background-color : rgba (0 , 0 , 0 , .5 );
13+ box-shadow : 0 0 1px rgba (255 , 255 , 255 , .5 );
14+ }
15+
16+ body {
17+ font-family : 'Roboto' , sans-serif;
18+ background-color : # f5f5f5 ;
19+ margin : 0 ;
20+ display : flex;
21+ flex-direction : column;
22+ min-height : 100vh ;
23+ }
24+
25+ .header_anchor {
26+ text-decoration : none;
27+ }
28+
29+ # header {
30+ position : sticky;
31+ top : 0 ;
32+ background-color : # 00bceb ; /* Webex blue */
33+ color : white;
34+ padding : 20px ;
35+ margin : 0 ;
36+ text-align : left; /* Align the title text to the left */
37+ box-shadow : 0 2px 5px rgba (0 , 0 , 0 , 0.2 );
38+ font-size : 1.5rem ;
39+ z-index : 1000 ; /* Ensure the header is above other content */
40+ }
41+
42+ # body {
43+ flex : 1 ;
44+ padding : 20px ;
45+ }
46+
47+ # footer {
48+ background-color : # f5f5f5 ;
49+ text-align : center;
50+ padding : 10px ;
51+ box-shadow : 0 -2px 5px rgba (0 , 0 , 0 , 0.2 );
52+ }
53+
54+ # footer a {
55+ color : # 00bceb ; /* Webex blue */
56+ text-decoration : none;
57+ font-weight : bold;
58+ }
59+
60+ # footer a : hover {
61+ text-decoration : underline;
62+ }
63+
64+ /* Rest of the CSS for form and results remains the same */
65+
66+ form # search-form {
67+ padding : 10px ;
68+ }
69+
70+ label {
71+ display : block;
72+ margin-bottom : 8px ;
73+ color : # 333 ;
74+ }
75+
76+ input [type = "text" ],
77+ select {
78+ width : 100% ;
79+ padding : 10px ;
80+ margin-bottom : 20px ;
81+ border : 1px solid # ccc ;
82+ border-radius : 4px ;
83+ box-sizing : border-box;
84+ }
85+
86+ button {
87+ background-color : # 00bceb ; /* Webex blue */
88+ color : white;
89+ padding : 10px 20px ;
90+ border : none;
91+ border-radius : 4px ;
92+ cursor : pointer;
93+ font-size : 16px ;
94+ transition : background-color 0.3s ;
95+ }
96+
97+ button : hover {
98+ background-color : # 0099ba ; /* Darker Webex blue */
99+ }
100+
101+ table {
102+ width : 100% ;
103+ border-collapse : collapse;
104+ }
105+
106+ table , th , td {
107+ border : 1px solid # ccc ;
108+ }
109+
110+ th , td {
111+ padding : 10px ;
112+ text-align : left;
113+ }
114+
115+ th {
116+ background-color : # f5f5f5 ;
117+ }
118+
119+ .search-container {
120+ background : white;
121+ border-radius : 8px ;
122+ box-shadow : 0 2px 4px rgba (0 , 0 , 0 , 0.1 );
123+ margin : auto;
124+ width : 100% ;
125+ padding : 20px ; /* Add padding for spacing */
126+ box-sizing : border-box; /* Include padding in the width calculation */
127+ }
128+
129+ .form-row {
130+ display : flex;
131+ flex-wrap : wrap;
132+ margin-bottom : 20px ;
133+ }
134+
135+ .form-group {
136+ flex : 1 1 25% ; /* Each form group will take up half the width of the form-row */
137+ padding : 0 10px ;
138+ box-sizing : border-box;
139+ }
140+
141+ .full-width {
142+ margin : 0 10px ; /* Add margin to maintain spacing */
143+ }
144+
145+ .results-container {
146+ width : 100% ;
147+ background : white;
148+ padding : 20px ;
149+ border-radius : 8px ;
150+ box-shadow : 0 2px 4px rgba (0 , 0 , 0 , 0.1 );
151+ margin : auto;
152+ margin-top : 20px ;
153+ }
154+
155+ /* Responsive styles */
156+ @media (max-width : 768px ) {
157+ .form-group {
158+ flex : 1 1 100% ; /* Each form group will take up the full width on smaller screens */
159+ padding : 0 10px ; /* Adjust padding for smaller screens */
160+ }
161+ }
162+
163+ .changelog-item {
164+ padding-bottom : 20px ;
165+ margin-bottom : 20px ; /* Space between changelog items */
166+ border-bottom : 3px solid # e4e5e6 ;
167+ }
168+
169+ .changelog-item h2 , .changelog-item h3 {
170+ color : # 333 ;
171+ margin-bottom : 10px ;
172+ }
173+
174+ .changelog-item .commits {
175+ margin-top : 20px ;
176+ margin-bottom : 20px ;
177+ }
178+
179+ .changelog-item .commits ul {
180+ margin-top : 10px ;
181+ list-style-type : none;
182+ padding : 0 ;
183+ max-height : 200px ;
184+ overflow : scroll;
185+ }
186+
187+ .changelog-item .commits ul li {
188+ background-color : # eee ;
189+ margin-bottom : 5px ;
190+ padding : 10px ;
191+ border-radius : 3px ;
192+ word-wrap : break-word;
193+ }
194+
195+ .changelog-item .commit-hash {
196+ font-family : monospace;
197+ }
198+
199+ .changelog-item .related-packages {
200+ position : relative;
201+ }
202+
203+ .changelog-item .related-packages .table-wrapper {
204+ max-height : 200px ;
205+ overflow : scroll;
206+ border : 1px solid # ddd ;
207+ margin-top : 10px ;
208+ }
209+
210+ .changelog-item .related-packages table {
211+ width : 100% ;
212+ border-collapse : collapse;
213+ }
214+
215+
216+ .changelog-item table thead {
217+ position : sticky;
218+ top : -1px ;
219+ }
220+
221+ .changelog-item th , .changelog-item td {
222+ border : 1px solid # ddd ;
223+ }
224+
225+ .changelog-item th , .changelog-item td {
226+ padding : 10px ;
227+ text-align : left;
228+ }
229+
230+ .changelog-item th {
231+ background-color : # f7f7f7 ;
232+ }
233+
234+ .changelog-item tbody tr : nth-child (odd) {
235+ background-color : # f9f9f9 ;
236+ }
237+
238+ .changelog-item tbody tr : hover {
239+ background-color : # f1f1f1 ;
240+ }
241+
242+ .copy-button {
243+ display : inline;
244+ position : absolute;
245+ margin-left : 5px ;
246+ cursor : pointer;
247+ right : 0px ;
248+ }
249+
250+ .copy-button img {
251+ width : 20px ;
252+ height : auto;
253+ margin-right : 5px ;
254+ }
255+
256+ footer {
257+ margin : 20px 0px ;
258+ }
259+
260+ footer .copyright {
261+ text-align : center;
262+ margin : 0 auto;
263+ }
264+
265+ .alert-info {
266+ background-color : # f0f9ff ;
267+ border-left : 6px solid # 00bceb ;
268+ color : # 333 ;
269+ padding : 10px ;
270+ margin-bottom : 20px ;
271+ }
272+
273+ .alert-info p .note {
274+ font-weight : bold;
275+ color : # 00bceb ;
276+ }
277+
278+ .alert-info p .warning {
279+ font-weight : bold;
280+ color : # ff7f0e ;
281+ display : inline;
282+ }
0 commit comments