Skip to content

Commit c0972be

Browse files
actions-useractions-user
committed
doc: deploy PR #760 preview
1 parent 00a5777 commit c0972be

467 files changed

Lines changed: 47167 additions & 1401 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎docs/prPreview/760/__404error.html‎

Lines changed: 101 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -211,6 +211,59 @@ <h5>
211211
#sidenav-left-toggle {
212212
display: inline !important;
213213
}
214+
215+
/* Responsive header */
216+
header {
217+
flex-wrap: wrap !important;
218+
}
219+
220+
header .header-right {
221+
width: 100% !important;
222+
justify-content: flex-end !important;
223+
}
224+
225+
header .self-name {
226+
margin-left: 10px !important;
227+
font-size: 1.25rem !important;
228+
}
229+
230+
#search-box {
231+
max-width: 200px !important;
232+
min-width: auto !important;
233+
}
234+
}
235+
236+
/* Extra small screens */
237+
@media (max-width: 480px) {
238+
header {
239+
padding: 5px 10px !important;
240+
gap: 5px !important;
241+
}
242+
243+
header .self-name {
244+
display: none !important;
245+
}
246+
247+
header .header-right {
248+
gap: 5px !important;
249+
}
250+
251+
#search-box {
252+
max-width: 150px !important;
253+
padding: 6px 8px !important;
254+
font-size: 0.875rem !important;
255+
}
256+
257+
#theme-button {
258+
width: 40px !important;
259+
height: 40px !important;
260+
font-size: 1rem !important;
261+
}
262+
263+
#sidenav-left-toggle {
264+
padding: 5px 10px !important;
265+
font-size: 1.25rem !important;
266+
}
214267
}
215268

216269

@@ -251,7 +304,7 @@ <h5>
251304
margin-right: 8px;
252305
flex-shrink: 0;
253306
transition: transform 0.2s ease;
254-
color: var(--color-key-orange);
307+
color: #000;
255308
font-weight: bold;
256309
font-size: 16px;
257310
}
@@ -348,6 +401,23 @@ <h5>
348401
position: relative !important;
349402
}
350403

404+
/* Sidebar mobile responsive */
405+
@media screen and (max-width: 840px) {
406+
.sidebar-offcanvas-left {
407+
position: fixed !important;
408+
top: var(--main-header-height) !important;
409+
left: 0 !important;
410+
width: 80vw !important;
411+
height: calc(100vh - var(--main-header-height)) !important;
412+
z-index: 999 !important;
413+
display: none !important;
414+
}
415+
416+
.sidebar-offcanvas-left.open {
417+
display: block !important;
418+
}
419+
}
420+
351421

352422

353423
/* Hide right sidebar */
@@ -666,6 +736,7 @@ <h5>
666736

667737
logoLink.appendChild(logoImg);
668738
checkAndSetLogo([
739+
'orange_logo.svg',
669740
'assets/orange_logo.svg',
670741
'../assets/orange_logo.svg',
671742
'../../assets/orange_logo.svg'
@@ -696,6 +767,7 @@ <h5>
696767
}
697768

698769
trySetImage([
770+
'banner.png',
699771
'assets/banner.png',
700772
'../assets/banner.png',
701773
'../../assets/banner.png'
@@ -736,7 +808,7 @@ <h5>
736808
// Chevron
737809
const arrow = document.createElement('span');
738810
arrow.textContent = '›';
739-
arrow.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transform:rotate(90deg);transition:transform 0.2s;margin-right:6px;line-height:1;color:var(--color-key-orange);font-weight:bold;font-size:24px;flex-shrink:0;';
811+
arrow.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transform:rotate(90deg);transition:transform 0.2s;margin-right:6px;line-height:1;color:#000;font-weight:bold;font-size:24px;flex-shrink:0;';
740812

741813
// Label
742814
const label = document.createElement('span');
@@ -782,7 +854,7 @@ <h5>
782854
const chevron = document.createElement('span');
783855
chevron.className = 'section-subtitle-chevron open';
784856
chevron.textContent = '›';
785-
chevron.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;flex-shrink:0;transition:transform 0.2s ease;color:var(--color-key-orange);font-weight:bold;font-size:24px;touch-action:manipulation;transform:rotate(0deg);';
857+
chevron.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;flex-shrink:0;transition:transform 0.2s ease;color:#000;font-weight:bold;font-size:24px;touch-action:manipulation;transform:rotate(0deg);';
786858

787859
const label = document.createElement('span');
788860
label.textContent = section.textContent;
@@ -827,6 +899,32 @@ <h5>
827899
});
828900
});
829901

902+
// Handle sidebar toggle for mobile
903+
document.addEventListener("DOMContentLoaded", () => {
904+
const toggleButton = document.getElementById('sidenav-left-toggle');
905+
const sidebar = document.querySelector('.sidebar-offcanvas-left');
906+
907+
if (toggleButton && sidebar) {
908+
// Use dartdoc native class toggle
909+
toggleButton.addEventListener('click', function(event) {
910+
event.stopPropagation();
911+
sidebar.classList.toggle('open');
912+
});
913+
914+
// Close sidebar when clicking outside on mobile
915+
document.addEventListener('click', function(event) {
916+
if (window.innerWidth <= 840) {
917+
const isClickInsideSidebar = sidebar.contains(event.target);
918+
const isClickOnToggle = toggleButton.contains(event.target);
919+
920+
if (!isClickInsideSidebar && !isClickOnToggle) {
921+
sidebar.classList.remove('open');
922+
}
923+
}
924+
});
925+
}
926+
});
927+
830928
// Hide ouds_core package references
831929
document.addEventListener("DOMContentLoaded", () => {
832930
const hideOudsCoreElements = () => {

‎docs/prPreview/760/components_alert_ouds_alert_message/OudsAlertMessage-class.html‎

Lines changed: 101 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -508,6 +508,59 @@ <h5>ouds_alert_message library</h5>
508508
#sidenav-left-toggle {
509509
display: inline !important;
510510
}
511+
512+
/* Responsive header */
513+
header {
514+
flex-wrap: wrap !important;
515+
}
516+
517+
header .header-right {
518+
width: 100% !important;
519+
justify-content: flex-end !important;
520+
}
521+
522+
header .self-name {
523+
margin-left: 10px !important;
524+
font-size: 1.25rem !important;
525+
}
526+
527+
#search-box {
528+
max-width: 200px !important;
529+
min-width: auto !important;
530+
}
531+
}
532+
533+
/* Extra small screens */
534+
@media (max-width: 480px) {
535+
header {
536+
padding: 5px 10px !important;
537+
gap: 5px !important;
538+
}
539+
540+
header .self-name {
541+
display: none !important;
542+
}
543+
544+
header .header-right {
545+
gap: 5px !important;
546+
}
547+
548+
#search-box {
549+
max-width: 150px !important;
550+
padding: 6px 8px !important;
551+
font-size: 0.875rem !important;
552+
}
553+
554+
#theme-button {
555+
width: 40px !important;
556+
height: 40px !important;
557+
font-size: 1rem !important;
558+
}
559+
560+
#sidenav-left-toggle {
561+
padding: 5px 10px !important;
562+
font-size: 1.25rem !important;
563+
}
511564
}
512565

513566

@@ -548,7 +601,7 @@ <h5>ouds_alert_message library</h5>
548601
margin-right: 8px;
549602
flex-shrink: 0;
550603
transition: transform 0.2s ease;
551-
color: var(--color-key-orange);
604+
color: #000;
552605
font-weight: bold;
553606
font-size: 16px;
554607
}
@@ -645,6 +698,23 @@ <h5>ouds_alert_message library</h5>
645698
position: relative !important;
646699
}
647700

701+
/* Sidebar mobile responsive */
702+
@media screen and (max-width: 840px) {
703+
.sidebar-offcanvas-left {
704+
position: fixed !important;
705+
top: var(--main-header-height) !important;
706+
left: 0 !important;
707+
width: 80vw !important;
708+
height: calc(100vh - var(--main-header-height)) !important;
709+
z-index: 999 !important;
710+
display: none !important;
711+
}
712+
713+
.sidebar-offcanvas-left.open {
714+
display: block !important;
715+
}
716+
}
717+
648718

649719

650720
/* Hide right sidebar */
@@ -963,6 +1033,7 @@ <h5>ouds_alert_message library</h5>
9631033

9641034
logoLink.appendChild(logoImg);
9651035
checkAndSetLogo([
1036+
'orange_logo.svg',
9661037
'assets/orange_logo.svg',
9671038
'../assets/orange_logo.svg',
9681039
'../../assets/orange_logo.svg'
@@ -993,6 +1064,7 @@ <h5>ouds_alert_message library</h5>
9931064
}
9941065

9951066
trySetImage([
1067+
'banner.png',
9961068
'assets/banner.png',
9971069
'../assets/banner.png',
9981070
'../../assets/banner.png'
@@ -1033,7 +1105,7 @@ <h5>ouds_alert_message library</h5>
10331105
// Chevron
10341106
const arrow = document.createElement('span');
10351107
arrow.textContent = '›';
1036-
arrow.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transform:rotate(90deg);transition:transform 0.2s;margin-right:6px;line-height:1;color:var(--color-key-orange);font-weight:bold;font-size:24px;flex-shrink:0;';
1108+
arrow.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transform:rotate(90deg);transition:transform 0.2s;margin-right:6px;line-height:1;color:#000;font-weight:bold;font-size:24px;flex-shrink:0;';
10371109

10381110
// Label
10391111
const label = document.createElement('span');
@@ -1079,7 +1151,7 @@ <h5>ouds_alert_message library</h5>
10791151
const chevron = document.createElement('span');
10801152
chevron.className = 'section-subtitle-chevron open';
10811153
chevron.textContent = '›';
1082-
chevron.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;flex-shrink:0;transition:transform 0.2s ease;color:var(--color-key-orange);font-weight:bold;font-size:24px;touch-action:manipulation;transform:rotate(0deg);';
1154+
chevron.style.cssText = 'display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;flex-shrink:0;transition:transform 0.2s ease;color:#000;font-weight:bold;font-size:24px;touch-action:manipulation;transform:rotate(0deg);';
10831155

10841156
const label = document.createElement('span');
10851157
label.textContent = section.textContent;
@@ -1124,6 +1196,32 @@ <h5>ouds_alert_message library</h5>
11241196
});
11251197
});
11261198

1199+
// Handle sidebar toggle for mobile
1200+
document.addEventListener("DOMContentLoaded", () => {
1201+
const toggleButton = document.getElementById('sidenav-left-toggle');
1202+
const sidebar = document.querySelector('.sidebar-offcanvas-left');
1203+
1204+
if (toggleButton && sidebar) {
1205+
// Use dartdoc native class toggle
1206+
toggleButton.addEventListener('click', function(event) {
1207+
event.stopPropagation();
1208+
sidebar.classList.toggle('open');
1209+
});
1210+
1211+
// Close sidebar when clicking outside on mobile
1212+
document.addEventListener('click', function(event) {
1213+
if (window.innerWidth <= 840) {
1214+
const isClickInsideSidebar = sidebar.contains(event.target);
1215+
const isClickOnToggle = toggleButton.contains(event.target);
1216+
1217+
if (!isClickInsideSidebar && !isClickOnToggle) {
1218+
sidebar.classList.remove('open');
1219+
}
1220+
}
1221+
});
1222+
}
1223+
});
1224+
11271225
// Hide ouds_core package references
11281226
document.addEventListener("DOMContentLoaded", () => {
11291227
const hideOudsCoreElements = () => {

0 commit comments

Comments
 (0)