Skip to content

Commit 428a63f

Browse files
committed
chore: update UI elements and navigation
- Convert side menu text to lowercase - Change top "Core" label to "Core Components" - Make the orange header logo clickable to return to the home page - Update token version display to "OUDS core token version: 1.9.0"
1 parent 0b70ac3 commit 428a63f

File tree

3 files changed

+26
-21
lines changed

3 files changed

+26
-21
lines changed

ouds_core/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ This repository contains the OUDS Core Flutter library that provides Orange comp
2020

2121
You can find the [detailed technical documentation online](https://flutter.unified-design-system.orange.com/), as well as the [whole design system](https://unified-design-system.orange.com/).
2222

23-
## OUDS
23+
## Orange Unified Design System
2424

2525
OUDS stands for *Orange Unified Design System*.
2626

@@ -32,7 +32,7 @@ It is intended to replace internal frameworks and the previous [ODS](https://git
3232

3333
## Tokens version
3434

35-
- **Version**: 1.9.0.
35+
- **OUDS core token version**: 1.9.0.
3636

3737
## Other OUDS Libraries
3838

ouds_core/assets/doc/orange_theme.html

Lines changed: 23 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,7 @@
128128
}
129129
.section-subtitle {
130130
margin-bottom: 5px;
131+
text-transform: lowercase !important;
131132
}
132133

133134
/* Sidebar links styling */
@@ -325,6 +326,9 @@
325326
const headerLeft = document.createElement('div');
326327
headerLeft.className = 'header-left';
327328

329+
//link for the logo
330+
const logoLink = document.createElement('a');
331+
logoLink.href = 'https://flutter.unified-design-system.orange.com/';
328332
// Declare the logo image
329333
const logoImg = document.createElement('img');
330334

@@ -340,15 +344,16 @@
340344
const header = document.querySelector("header#title");
341345
if (header) {
342346
// Add logo in header
343-
headerLeft.appendChild(logoImg);
347+
headerLeft.appendChild(logoLink);
344348
const selfNameSpan = document.querySelector('.self-name');
345349

346350
if (selfNameSpan) {
347351
const link = document.createElement('a');
348-
link.href = 'index.html';
352+
link.href = 'https://flutter.unified-design-system.orange.com/';
353+
link.textContent = 'OUDS Flutter';
349354
link.textContent = 'OUDS Flutter';
350-
link.style.color = 'var(--white-color)';
351-
link.className = 'self-link';
355+
link.style.color = 'var(--white-color)';
356+
link.className = 'self-link';
352357
selfNameSpan.innerHTML = '';
353358
selfNameSpan.appendChild(link);
354359
}
@@ -361,7 +366,8 @@
361366
checkAndSetLogo(paths, index + 1);
362367
};
363368
}
364-
369+
// Ajouter l'image dans le lien
370+
logoLink.appendChild(logoImg);
365371
// Call the function with multiple possible logo paths
366372
checkAndSetLogo(['assets/orange_logo.svg', '../assets/orange_logo.svg', '../../assets/orange_logo.svg']);
367373
header.appendChild(headerLeft);
@@ -440,20 +446,20 @@
440446
function snakeToPascal(str) {
441447
return str
442448
.split('_')
443-
.map(word => word.charAt(0).toUpperCase() + word.slice(1))
449+
.map(word => word.charAt(0) + word.slice(1))
444450
.join('');
445451
}
446452
// Convert link texts from snake_case to PascalCase
447-
document.querySelectorAll('ol li a').forEach(a => {
448-
const text = a.textContent;
449-
const indexOuds = text.indexOf('ouds');
450-
if (indexOuds !== -1) {
451-
let newText = text.substring(indexOuds); // 'ouds_badge'
452-
newText = newText.replace(/_/g, '_');
453-
newText = snakeToPascal(newText);
454-
a.textContent = newText;
455-
}
456-
});
453+
// document.querySelectorAll('ol li a').forEach(a => {
454+
// const text = a.textContent;
455+
// const indexOuds = text.indexOf('ouds');
456+
// if (indexOuds !== -1) {
457+
// let newText = text.substring(indexOuds); // 'ouds_badge'
458+
// newText = newText.replace(/_/g, '_');
459+
// newText = snakeToPascal(newText);
460+
// a.textContent = newText;
461+
// }
462+
// });
457463

458464

459465
// Initially hide all items with class "section-subitem"
@@ -489,7 +495,7 @@
489495
});
490496
//selecte element package name
491497
const element = document.querySelector('.package-name');
492-
element.textContent = 'Core';
498+
element.textContent = 'Core Components';
493499

494500
</script>
495501
</footer>

ouds_core/dartdoc_options.yaml

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
dartdoc:
22
favicon: assets/doc/ic_favicon.ico
33
footer:
4-
- assets/doc/orange_theme.html
5-
4+
- assets/doc/orange_theme.html

0 commit comments

Comments
 (0)