From d015bc03fae7ecebbf9b7369546b421465957de2 Mon Sep 17 00:00:00 2001
From: Bruno Boi <boi@odoo.com>
Date: Wed, 10 Nov 2021 08:45:47 +0000
Subject: [PATCH] [IMP] developer: more info for usePosition JS hook

closes odoo/documentation#1309

X-original-commit: 43d838d8261a1c86d6766b3d8fd5ca07eb6cd9c0
Signed-off-by: Bruno Boi <boi@odoo.com>
---
 content/developer/reference/frontend/hooks.rst | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/content/developer/reference/frontend/hooks.rst b/content/developer/reference/frontend/hooks.rst
index be42f0180..0e47bf4ba 100644
--- a/content/developer/reference/frontend/hooks.rst
+++ b/content/developer/reference/frontend/hooks.rst
@@ -157,6 +157,13 @@ resized/scrolled.
     }
     MyPopover.template = owl.tags.xml`<div>I am positioned through a wonderful hook!</div>`
 
+
+.. note::
+   The following CSS classes can be used to style the target HTMLElement:
+   
+   - `o-popper-position`
+   - `o-popper-position--{D}{V}` where `{D}` and `{V}` are replaced by the first letter of the corresponding Direction and Variant (see Options table below for valid directions and variants). E.g.: for position `bottom-end`, the class name will be `o-popper-position--be`.
+
 API
 ---