01/02: Better tooltip centering and tooltip on avatar
This is an automated email from the git hooks/post-receive script. New commit to branch feature/253-tuiles in repository pollen. See https://gitlab.nuiton.org/chorem/pollen.git commit 86d04ce6217439dcd38d7bdb77e16aab1c70377b Author: jcouteau <couteau@codelutin.com> Date: Fri Jan 17 17:22:16 2020 +0100 Better tooltip centering and tooltip on avatar --- .../src/main/web/tag/components/Tooltip.tag.html | 2 +- .../src/main/web/tag/poll/PollCardReboot.tag.html | 12 +++++++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/pollen-ui-riot-js/src/main/web/tag/components/Tooltip.tag.html b/pollen-ui-riot-js/src/main/web/tag/components/Tooltip.tag.html index 284b9473..813751b3 100644 --- a/pollen-ui-riot-js/src/main/web/tag/components/Tooltip.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/components/Tooltip.tag.html @@ -77,7 +77,7 @@ position:absolute; bottom: 100%; left: 50%; - margin-left: calc(100% / 2 * (-1)); + transform: translateX(-50%); } .tooltip-2 .top::after { diff --git a/pollen-ui-riot-js/src/main/web/tag/poll/PollCardReboot.tag.html b/pollen-ui-riot-js/src/main/web/tag/poll/PollCardReboot.tag.html index 1e6b18b7..aa790c28 100644 --- a/pollen-ui-riot-js/src/main/web/tag/poll/PollCardReboot.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/poll/PollCardReboot.tag.html @@ -18,7 +18,10 @@ import "../components/Avatar.tag.html"; <i class="icon icon-upcoming"></i> </Tooltip> - <Avatar class="avatar" avatar={opts.poll.creatorAvatar} name={opts.poll.creatorName} rounded="true"/> + + <Tooltip position="top" content="{opts.poll.creatorName}"> + <Avatar class="avatar" avatar={parent.opts.poll.creatorAvatar} name={parent.opts.poll.creatorName} rounded="true"/> + </Tooltip> <Tooltip position="top" content="{opts.poll.questions[0].voteCount === 0 ? 0 : (opts.poll.questions[0].voteCount)} votes"> <div class="voters"><i class="icon-vote"></i> {parent.opts.poll.questions[0].voteCount === 0 ? "-" : (parent.opts.poll.questions[0].voteCount)} <span if="{ended}">{_t.finished}</span></div></Tooltip> @@ -98,6 +101,9 @@ import "../components/Avatar.tag.html"; <style> + .tooltip-2 { + margin-left:10px; + } .pollcard { width: 370px; height: 267px; @@ -196,7 +202,6 @@ import "../components/Avatar.tag.html"; width : 30px; height : 30px; border-radius:15px; - margin-right:10px; } .voters { @@ -210,8 +215,6 @@ import "../components/Avatar.tag.html"; font-weight: bold; font-size: 16px; line-height: 22px; - - margin-right:10px; } .avatar { @@ -220,7 +223,6 @@ import "../components/Avatar.tag.html"; width : 30px; height : 30px; border-radius:15px; - margin-right:10px; } .menu { -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.
participants (1)
-
chorem.org scm