diff options
Diffstat (limited to 'core/css/tooltip.scss')
| -rw-r--r-- | core/css/tooltip.scss | 43 |
1 files changed, 18 insertions, 25 deletions
diff --git a/core/css/tooltip.scss b/core/css/tooltip.scss index e906cf0fd8b..7f8b76eea06 100644 --- a/core/css/tooltip.scss +++ b/core/css/tooltip.scss @@ -1,13 +1,7 @@ -/** - * @copyright Copyright (c) 2016, John Molakvoæ <skjnldsv@protonmail.com> - * @copyright Copyright (c) 2016, Robin Appelman <robin@icewind.nl> - * @copyright Copyright (c) 2016, Jan-Christoph Borchardt <hey@jancborchardt.net> - * @copyright Copyright (c) 2016, Erik Pellikka <erik@pellikka.org> - * @copyright Copyright (c) 2015, Vincent Petry <pvince81@owncloud.com> - * - * Bootstrap (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) +/*! + * SPDX-FileCopyrightText: 2016 Nextcloud GmbH and Nextcloud contributors + * SPDX-FileCopyrightText: 2011-2015 Twitter, Inc. (Bootstrap (http://getbootstrap.com)) + * SPDX-License-Identifier: MIT */ .tooltip { @@ -19,7 +13,6 @@ letter-spacing: normal; line-break: auto; line-height: 1.6; - text-align: left; text-align: start; text-decoration: none; text-shadow: none; @@ -45,8 +38,8 @@ } &.top .tooltip-arrow, &[x-placement^='top'] { - left: 50%; - margin-left: -10px; + inset-inline-start: 50%; + margin-inline-start: -10px; } &.bottom, &[x-placement^='bottom'] { @@ -55,26 +48,26 @@ } &.right, &[x-placement^='right'] { - margin-left: 3px; + margin-inline-start: 3px; padding: 0 10px; .tooltip-arrow { top: 50%; - left: 0; + inset-inline-start: 0; margin-top: -10px; border-width: 10px 10px 10px 0; - border-right-color: var(--color-main-background); + border-inline-end-color: var(--color-main-background); } } &.left, &[x-placement^='left'] { - margin-left: -3px; + margin-inline-start: -3px; padding: 0 5px; .tooltip-arrow { top: 50%; - right: 0; + inset-inline-end: 0; margin-top: -10px; border-width: 10px 0 10px 10px; - border-left-color: var(--color-main-background); + border-inline-start-color: var(--color-main-background); } } /* TOP */ @@ -89,11 +82,11 @@ } } &.top-left .tooltip-arrow { - right: 10px; + inset-inline-end: 10px; margin-bottom: -10px; } &.top-right .tooltip-arrow { - left: 10px; + inset-inline-start: 10px; margin-bottom: -10px; } /* BOTTOM */ @@ -109,15 +102,15 @@ } &[x-placement^='bottom'] .tooltip-arrow, &.bottom .tooltip-arrow { - left: 50%; - margin-left: -10px; + inset-inline-start: 50%; + margin-inline-start: -10px; } &.bottom-left .tooltip-arrow { - right: 10px; + inset-inline-end: 10px; margin-top: -10px; } &.bottom-right .tooltip-arrow { - left: 10px; + inset-inline-start: 10px; margin-top: -10px; } } |