Commit Graph

147 Commits

Author SHA1 Message Date
Sam Lieber (sali)
1200df1ec8 [FIX] odoo_theme: add bottom margin to inner lists
closes odoo/documentation#7515

Signed-off-by: Samuel Lieber (sali) <sali@odoo.com>
2024-02-13 15:42:47 +00:00
Olivier Dony
d015d34fe8 [IMP] conf: special case alt lang links for legal terms
Legal terms live under specific URL as their translations are not
managed in the same manner.

Layout is like this:
  /terms/enterprise.html (EN)
  /terms/i18n/enterprise_fr.html (FR)

This commit adapts the generation of alternative languages links for each
"legal terms page", so that it targets the correct i18n link, or goes
back to the canonical EN one, depending on the target language.

closes odoo/documentation#7383

X-original-commit: 8062e54a7e
Signed-off-by: Olivier Dony (odo) <odo@odoo.com>
2024-01-15 21:46:05 +00:00
Mathieu (mano)
6e52790e25 [IMP] odoo_theme: toctrees-l1,l2 design improvement
Issue 1:
========
The toctrees in the documentation are visually inconsistent because of
the content. Sometimes we have titles that are also links and visually
collides with the rest of the toc making it hard to read. This applies
to toctree-l1 and toctree-l2.

Fix 1:
========
When we have a link and title toctree-l2 in a list containing other
nested toc, we apply another styling displaying it with the same color
as a title, but with an icon and hover behavior indicating that it is a
link. (This commit also changes the direction of the i-link icon to make
it standard).

Issue 2:
========
When we have only have toctree-l1 links without nested toc the toctree
is uselessly taking a lot of space.

Fix: 2
========

In these scenario we add a class to the toctree wrapper to replace the
toctree-l1 style with a toctree-l2.

task-3138525
task-3138563

part of

task-3059178

closes odoo/documentation#6498

X-original-commit: c62bf21987
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-11-21 11:01:00 +00:00
Antoine (anso)
fdeebc5896 [FIX] odoo_theme: fix logo colors
Before this commit, the Odoo logos used in the documentation were
using the old purple color.

This commit updates all these old logos with the latest version that
can be found on the Odoo brand-asset page

https://www.odoo.com/page/brand-assets

task-3328677

closes odoo/documentation#5596

X-original-commit: 4bec9a6e09
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-08-24 14:11:49 +02:00
Antoine Vandevenne (anv)
352177eb7f [FIX] odoo_theme/switchers: fallback to the original target URL
Attempting to switch from one version to another when navigating
<old_version>/applications/hr/employees.html led to the user being
redirected to /applications/documentation/<new_version>/hr/employees.html
because `hr` was interpreted as a version string, and thus the generated
target URLs of the version switcher were all wrong.

This commit ensures the redirection now falls back onto the original
target URL when all the generated ones point to a 404.

closes odoo/documentation#5053

X-original-commit: c81a91db9c
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-07-07 16:49:42 +02:00
Elisabeth Dickinson
5b5574eafa [IMP] odoo_theme: fix menu links
When searching for a word, if that word happens to be in the menu, the
`display-flex` on the `a` would remove the space around the word because
a `span class=highlight` gets added around it.
Fixed by changing `display-flex` on the `a` to display-block (but
keeping it for `.o_toc_entry_wrapper`)

closes odoo/documentation#4175

X-original-commit: c758071861
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-04-14 19:13:30 +02:00
Elisabeth Dickinson
f1a402d18f [IMP] odoo_theme: design improvements
Revamp of the side menu;
Round all borders for consistency with the buttons;
Improve .sig-* and .o_code elements;
Improve sphinx-tabs hover effect;

task-3046383

closes odoo/documentation#4108

X-original-commit: 3056c7b62d
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-04-12 09:59:06 +02:00
Elisabeth Dickinson
b6fe7a44ca [IMP] odoo_theme: general cleanup
A general reorganization of the code was needed for more clarity.
The different markup styles have been grouped together under a common
"chapter", comments have been rewritten and example pages have been
added for context.

Some levels have been removed Where there were too many for no reason.
By removing one level of styles (e.g.: `#wrap`) we avoid needing to
force overrides or adding `!important` to our code.
⌙ e.g.: before commit 9ef86cd93d8c6fc0fd96b437f629237e7a562c6e,
`.o_spoilers .accordion-body >:first-child` was being involuntarily
overridden.

task-3046383

X-original-commit: 620e3c33ef
Part-of: odoo/documentation#4108
2023-04-12 09:59:06 +02:00
Antoine Vandevenne (anv)
740812e420 [IMP] odoo_theme: tweak the HTML structure of TOC entries
task-3046383

X-original-commit: 877d1de3c2
Part-of: odoo/documentation#4108
2023-04-12 09:59:06 +02:00
Antoine Vandevenne (anv)
a088802245 [IMP] extensions/custom_admonitions: tweak the HTML structure of dfn
The structure of the `dfn` role is changed from its default
`<em class="dfn">text</em>` to
`<span class="dfn"><span>text</span></span>` to ease the styling.

task-3046383

X-original-commit: 281a893540
Part-of: odoo/documentation#4108
2023-04-12 09:59:06 +02:00
Olivier Dony
14e33886f4
[FIX] legal: fix some broken links (pdfs, translations)
1) PDF files are generated and stored at the root of the CURRENT_BRANCH
directory. The links to those files are generated at different levels of
the doctree, which makes it impossible to use a relative path.
For example the same "Enterprise Agreement" doc in EN is published on:
 - /16.0/legal/terms/enterprise.html
 - /16.0/fr/legal/terms/enterprise.html

As a workaround, use absolute links for the PDFs. They won't work
locally for now. Can be improved later, as long as we don't break
those links located in various depths of the troctree.

2) The legal constracts aren't translated in all availables languages
(yet), so those links are 404s now. Introduced a conf.py variable
`legal_translations` with the list of languages where translated
contracts are indeed available, and falling back to the EN version
otherwise. Some languages don't have *all* the contracts translated, so
some 404 may remain temporarily.

Forward-port of f69dba70be
2023-03-23 16:41:22 +01:00
Antoine Vandevenne (anv)
72e636da5f [ADD] extensions/cards: add an extension to implement cards
The extension adds two new directive:
- `cards` is the row container for one or more `card` directives.
- `card` is the implementation of a Bootstrap card that accepts a
  `target` argument for the href of the card, a `large` option to render
  the card on two columns, a `tag` option to display a single arbitrary
  tag on the card, and arbitrary content that is shown in the card
  body.

task-3141419

closes odoo/documentation#3672

X-original-commit: 48571c05a4
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-02-27 16:01:07 +01:00
Antoine Vandevenne (anv)
c140f7de4e [MOV] howto/rdtraining: move "Getting started" to the tutorials dir
This commit also replaces references to the "Building a module"
tutorial by references to the "Getting started" tutorial.

task-2991663

Part-of: odoo/documentation#3644
2023-02-22 14:31:24 +01:00
Mathieu (mano)
64fc72b6ca [IMP] toctrees: redesign and new card component
The goal of this commit is to propose a first step towards a new
`.. card::` directive for the toctrees. This is a first design
proposition for this new card component in raw html for the fallback
page `howtos.rst`

The long term objective is to redesign the toctrees by implementing card
components, clearer toctree list design and custom html pages.

Related to task-3059229

closes odoo/documentation#3404

X-original-commit: c59663f252
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-01-26 19:08:44 +01:00
Elisabeth Dickinson
f88f7eb97f [IMP] odoo_theme: Fix alerts and accordions colors
closes odoo/documentation#3317

X-original-commit: 8aebb79237
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-01-12 08:15:54 +01:00
Elisabeth Dickinson
a01d90a1e2 [IMP] odoo_theme: Fix text-dark on homepage
While doing the changes on the text-dark issue, we noticed the
homepage's text color isn't aligned with the rest of the website.
`.text-muted` was too light, so we changed it to `.text-dark`.

X-original-commit: ee2390fdaf
Part-of: odoo/documentation#3317
2023-01-12 08:15:54 +01:00
Elisabeth Dickinson
1e73db0aa1 [IMP] odoo-theme: Revert $dark color variable to initial $gray-900
This was changed to get a good text/background contrast on the
alert-dark (Exercise).
By doing so, the .text-dark class generated by BS from the $dark
theme-color was gray instead of the intended near-black color.

By changing the variable, the contrast issue with the alert was back,
to solve this we directly override the alert's background color instead.

X-original-commit: 32c9e59ae6
Part-of: odoo/documentation#3317
2023-01-12 08:15:53 +01:00
Antoine Vandevenne (anv)
c1ea2dfff1 [FIX] odoo_theme: re-enable redirect fallback logic
closes odoo/documentation#3294

Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-01-05 10:52:33 +01:00
Elisabeth Dickinson
d1f2e20190 [IMP][CSS] Replace text-decoration on link with BS override 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
8eee40ed98 [IMP][CSS] Reorder styles according to styles guidelines 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
cefc0ecd46 [IMP] fix typo 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
37467f7440 [IMP] icon fixes 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
10dc23cda0 [IMP][CSS] Fix unresponsive font-size on alert text
By removing $font-size-sm on the alerts, the text is bigger. The title
text and its icon have been increased as well.
2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
57912a18f2 [IMP][CSS] Remove browser prefixes and unnecessary mixins 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
713b134327 [IMP][CSS] Fix literals in alerts containing tabs 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
2196189453 [IMP][CSS] Fix data indentation 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
d475404e05 [IMP][CSS] Fix alignment on modal btn-close 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
7cc86314c6 [IMP] Indentation fix 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
3c7ab6b46e [REM] Removal of changelog
The idea was not developed and it has since been decided not to do it.
2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
5534245b21 [IMP][CSS] Use BS font-weight variables and fix
Instead of redefining font-weights, we override the BS variables and add
one extra font-weight in the newly-introduced extended utilities file.
After this change all the variables needed replacing and some tweaking
was needed to get the same or closely similar result as before this
change.

By doing so the font-weight classes in the typography file were obsolete
and hence removed.
Some other font-weight issues which were already there have been fixed
in this commit too.
2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
b9727457ce [IMP][CSS] Fix color variable issue 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
585e3bfb8e [IMP][CSS] Revamp of the .o_spoiler element to use same code as alerts 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
8020cbf564 [IMP][CSS]Change order of imported scss files
The aim of this cleanup is to use as many bootstrap classes, functions
and utilities as possible to reduce the amount of extra code.
Instead of redefining variables, BS variables are overridden in the
bootstrap_overridden file.

In order to be able to reuse these overridden variables within our own
custom variable file — and after consultation with SRI — it was
determined that the variables.scss file should come after the bootstrap
files in the order of importation, unlike the order of odoo website's
scss files.

Changes to variables in bootstrap_overridden have been made to adapt to
the new structure.
2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
750c43d0cf [IMP][CSS] Use CSS variables to style different alert types
CSS variables avoid having to repeat code for each alert type.
Also remove the need to add "tip" to the theme-colors (no need for "tip"
styled buttons, badges etc, especially as tips use the primary color) by
styling `.alert-tip` with customized copy of BS alert mechanism.

In order to be able to modify the icons with a CSS variable,
the `content` attribute has been removed from the `o-inline-icon` mixin.
Code where this mixin is called in other places has been adapted.
2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
ff5ac57e1d [IMP][CSS] Place overrides in bootstrap_overridden file 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
d856ff21e8 [IMP][CSS] Clean up the file according to conventions
Includes reordering styles, renaming variables ($o-*),
re-indenting lines, removing commented code
2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
2223c6c885 [IMP][CSS] Set gray background to it's original darker color 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
103bf34cc1 [IMP][CSS] Improve literals styling (o_code, .sig-*) 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
944de07592 [IMP][CSS] Update _sphinx_basic.css after update of Sphinx
Note: Some code is commented instead of being deleted.
This allows us to keep track of what should be commented out in future
versions of Sphinx' basic CSS.
2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
56f681d1ba [IMP][CSS] Remove repetitive or unnused CSS 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
c634afd40e [IMP][CSS] Improve margins on headings and sections 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
2bedf3711b [IMP][CSS] Replace margin and padding values with variables 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
950b714c92 [IMP][CSS] Revamp modal to use all BS classes and variables 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
e94a132e1a [IMP][CSS] Rescale heading fonts 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
f35e8482f8 [IMP][CSS] Cleanup font variables 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
5b6705fecc [IMP][CSS] Cleanup admonitions (alerts) 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
0f911e984b [IMP][CSS] Cleanup color variables 2023-01-03 18:30:40 +01:00
Elisabeth Dickinson
c51edecd28 [IMP][CSS] update literals styles (.o_code, .sig-*) 2023-01-03 18:30:40 +01:00
Antoine Vandevenne (anv)
fe894ad110 [IMP] odoo_theme: add the class o_code on literals
The SCSS that styles the `literal`, `code`, `file`, and `command` roles
is excessively complex because the traduction from RST to HTML is not
consistent from one role to another: some use `<code>` elements, some
have the `code` class, some wrap the literal with a `span` element.

This commit sets the `o_code` class on all of these roles' parent node
at translation time to allow simplifying the SCSS target.
2023-01-03 18:30:36 +01:00
Antoine Vandevenne (anv)
e3972349f4 [FIX] odoo_theme: handle non-TOC pages when expanding top menu entries
Trying to "expand" those pages lead to a crash that prevented the menu
to be shown at all.

Incidentally, this commit also handles menus built with `make fast`.

closes odoo/documentation#3252

Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-01-02 18:47:57 +01:00