X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fpopup.css;h=07c78226e031289b74d32c97f0dd37e0ae11b553;hp=1172f553991f474711f158275285d14b57ca2230;hb=d8502c35cba9a5fb5819046b73193d4954e04cad;hpb=fcfc89aa72f63ecd68c3fe8bbe1e88909e57da49 diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css index 1172f553..07c78226 100644 --- a/LCARStrek/global/popup.css +++ b/LCARStrek/global/popup.css @@ -20,7 +20,7 @@ panel { menupopup > menu > menupopup { /* align submenus */ - margin-top: -1px; + margin-top: -2px; } /* ::::: arrow panel ::::: */ @@ -29,35 +29,6 @@ panel[type="arrow"] { background: transparent; border: none; padding: 0; - transition: opacity 300ms; -} - -.panel-arrowcontainer[panelopen] { - transition-duration: 200ms, 150ms; - transition-property: opacity, transform; - transition-timing-function: ease-out; -} - -.panel-arrowcontainer:not([panelopen]) { - /* Does not work correctly in Linux right now. - 2012-09-30 - * Actually, only breaks uncommon Window Managers, but arrowpanels disappear completely. 2013-07-21 - opacity: 0; */ -} - -.panel-arrowcontainer:not([panelopen])[side="top"] { - transform: translateY(-20px); -} - -.panel-arrowcontainer:not([panelopen])[side="bottom"] { - transform: translateY(20px); -} - -.panel-arrowcontainer:not([panelopen])[side="left"] { - transform: translateX(-20px); -} - -.panel-arrowcontainer:not([panelopen])[side="right"] { - transform: translateX(20px); } panel[type="arrow"][side="top"], @@ -74,16 +45,18 @@ panel[type="arrow"][side="right"] { .panel-arrowcontent { border-radius: 6px; - padding: 6px; - background-color: #000000; + padding: var(--arrowpanel-padding); + color: var(--arrowpanel-color); + background: var(--arrowpanel-background); background-clip: padding-box; - border: 1px solid #FF9F00; + border: 1px solid var(--arrowpanel-border-color); margin: 0px; } .panel-arrow[side="top"], .panel-arrow[side="bottom"] { - list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg"); + list-style-image: var(--panel-arrow-image-vertical, + url("chrome://global/skin/arrow/panelarrow-vertical.svg")); position: relative; margin-left: 10px; margin-right: 10px; @@ -136,8 +109,7 @@ tooltip[titletip="true"] { /* rules for popups associated with menulists */ -menulist > menupopup, -.menulist-menupopup { +menulist > menupopup { border: 1px solid #FF9F00; min-width: 0px; padding: 0px;