From 80976c439e7f9321a4ddda4c589cab853db4ccb4 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Wed, 28 Mar 2012 00:40:05 +0200 Subject: [PATCH] Fixed tooltips --- wcfsetup/install/files/style/tooltip.less | 34 ++++------- wcfsetup/install/files/style/variables.less | 1 - wcfsetup/install/files/style/wbb.less | 66 ++++++++++++++++++++- 3 files changed, 75 insertions(+), 26 deletions(-) diff --git a/wcfsetup/install/files/style/tooltip.less b/wcfsetup/install/files/style/tooltip.less index a1812f8ea7..b8e85a2820 100644 --- a/wcfsetup/install/files/style/tooltip.less +++ b/wcfsetup/install/files/style/tooltip.less @@ -7,37 +7,23 @@ } .balloonTooltip { - font-size: .85em; - color: @wcfTooltipColor; - border: 1px solid @wcfTooltipBorderColor; - border-radius: @wcfContainerBorderRadius; background-color: @wcfTooltipBackgroundColor; + border-radius: @wcfContainerBorderRadius; + color: @wcfTooltipColor; + font-size: .85em; + max-width: 300px; padding: 5px 10px 7px; position: absolute; - max-width: 300px; z-index: 800; - .boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px); + .boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px); - .pointer { - border-width: 0 7px 7px; + .pointer { + border-color: @wcfTooltipBackgroundColor transparent; border-style: solid; - border-color: @wcfTooltipBorderColor transparent; - display: inline-block !important; - width: 0; - position: absolute; - top: -8px !important; + border-width: 0 5px 5px; left: 50%; - - span { - border-width: 0 5px 5px; - border-style: solid; - border-color: @wcfTooltipBackgroundColor transparent; - display: inline-block; - width: 0; - position: absolute; - top: 2px; - left: -5px; - } + position: absolute; + top: -5px; } } \ No newline at end of file diff --git a/wcfsetup/install/files/style/variables.less b/wcfsetup/install/files/style/variables.less index 7a86ef5dba..11114a2f14 100644 --- a/wcfsetup/install/files/style/variables.less +++ b/wcfsetup/install/files/style/variables.less @@ -85,5 +85,4 @@ /* tooltip */ @wcfTooltipBackgroundColor: rgba(0, 0, 0, .8); -@wcfTooltipBorderColor: transparent; @wcfTooltipColor: white; \ No newline at end of file diff --git a/wcfsetup/install/files/style/wbb.less b/wcfsetup/install/files/style/wbb.less index 09930d2518..d20cb2a76b 100644 --- a/wcfsetup/install/files/style/wbb.less +++ b/wcfsetup/install/files/style/wbb.less @@ -140,6 +140,30 @@ font-size: 120%; } +/* ignored boards */ +.wbbIgnoredBoards { + .wbbCategory > hgroup label { + color: @wcfPageLinkHoverColor; + } + + .wbbBoardContainer { + > div { + padding: 7px; + } + + > ul > .wbbBoardContainer { + > div { + padding-left: 28px; + } + + > ul > .wbbBoardContainer > div { + padding-left: 56px; + } + } + } +} + + /* ############## Thread List ############## */ /* Column Avatar */ @@ -267,4 +291,44 @@ .wbbThreadPostList > li { overflow: hidden; -}*/ \ No newline at end of file +}*/ + +/* ############## Post Preview ############## */ +.wbbPostPreview { + background-color: @wcfTooltipBackgroundColor; + border-radius: @wcfContainerBorderRadius; + color: @wcfTooltipColor; + margin-bottom: 10px; + max-width: 450px; + min-width: 150px; + padding: 7px; + position: absolute; + z-index: 320; + + .boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px); + + .pointer { + border-color: @wcfTooltipBackgroundColor transparent; + border-style: solid; + border-width: 9px 9px 0; + left: 10%; + position: absolute; + bottom: -9px; + } +} + +.wbbPostPreviewContent { + h1 { + display: inline-block; + } + + time { + font-size: 85%; + font-style: italic; + } + + h1, time, p { + line-height: 1.5; + margin-bottom: 7px; + } +} \ No newline at end of file -- 2.20.1