xref: /webtrees/resources/css/_base.css (revision b6ba99b4f1b4616b145066bb0f03d188bea671e7)
1e759aebbSGreg Roach/**
2e759aebbSGreg Roach * webtrees: online genealogy
3e759aebbSGreg Roach * Copyright (C) 2019 webtrees development team
4e759aebbSGreg Roach * This program is free software: you can redistribute it and/or modify
5e759aebbSGreg Roach * it under the terms of the GNU General Public License as published by
6e759aebbSGreg Roach * the Free Software Foundation, either version 3 of the License, or
7e759aebbSGreg Roach * (at your option) any later version.
8e759aebbSGreg Roach * This program is distributed in the hope that it will be useful,
9e759aebbSGreg Roach * but WITHOUT ANY WARRANTY; without even the implied warranty of
10e759aebbSGreg Roach * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11e759aebbSGreg Roach * GNU General Public License for more details.
12e759aebbSGreg Roach * You should have received a copy of the GNU General Public License
13e759aebbSGreg Roach * along with this program. If not, see <http://www.gnu.org/licenses/>.
14e759aebbSGreg Roach */
15e759aebbSGreg Roach
16e759aebbSGreg Roach/*
1734395be7SGreg Roach * Base formatting, resets, workarounds, etc.
18e759aebbSGreg Roach */
19e759aebbSGreg Roach
20d274c9ecSGreg Roach/* Some icons need to be reversed on right-to-left pages */
21063677f9SGreg Roach[dir=rtl] .wt-icon-flip-rtl {
22d274c9ecSGreg Roach	transform: scale(-1, 1);
23d274c9ecSGreg Roach}
24d274c9ecSGreg Roach
25a3c95e78SGreg Roach/* Remove border-radius for left-to-right input groups on right-to-left pages */
26a3c95e78SGreg Roach[dir=rtl] .input-group[dir=ltr] [dir=ltr] {
27a3c95e78SGreg Roach	border-radius: 0;
28a3c95e78SGreg Roach}
29a3c95e78SGreg Roach
30dbffae50SGreg Roach/* rtl:ignore */
31dbffae50SGreg Roach.align-digits {
32dbffae50SGreg Roach	text-align: right;
33dbffae50SGreg Roach}
34dbffae50SGreg Roach
35*b6ba99b4SGreg Roach/* Allows twitter typeahead to work with bootstrap input groups */
36*b6ba99b4SGreg Roach.input-group > .twitter-typeahead {
37*b6ba99b4SGreg Roach	flex: 1 1;
38*b6ba99b4SGreg Roach}
39*b6ba99b4SGreg Roach
40*b6ba99b4SGreg Roach/* Allows select2 to work with bootstrap input groups */
41*b6ba99b4SGreg Roach.input-group > .select2-container {
42*b6ba99b4SGreg Roach	flex: 1 1;
43*b6ba99b4SGreg Roach}
44*b6ba99b4SGreg Roach
4534395be7SGreg Roach/* Workaround for dropdown menu position on RTL with popper.js */
4634395be7SGreg Roach/* See also https://github.com/FezVrasta/popper.js/issues/695 */
4734395be7SGreg Roach[dir=rtl] .wt-genealogy-menu .dropdown-menu {
4834395be7SGreg Roach	right: 0;
4934395be7SGreg Roach	left: auto !important;
5034395be7SGreg Roach}
5134395be7SGreg Roach
52b2eede42SGreg Roach/*
534e73f0bdSGreg Roach * Chrome 72 has problems with all cards in the control panel.
544e73f0bdSGreg Roach * Chrome 73 has problems with the family-tree card in the control panel.
554e73f0bdSGreg Roach */
564e73f0bdSGreg Roach.wt-route-admin-control-panel .card {
574e73f0bdSGreg Roach	display: block;
584e73f0bdSGreg Roach}
594e73f0bdSGreg Roach
604e73f0bdSGreg Roach/*
61b2eede42SGreg Roach * Flexbox fixes for IE11
62b2eede42SGreg Roach */
63b2eede42SGreg Roach@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
64b2eede42SGreg Roach	/* Move the body down below the mangled header */
65b2eede42SGreg Roach	div.wt-main-container {
66b2eede42SGreg Roach		padding-top: 4rem;
67b2eede42SGreg Roach	}
68b2eede42SGreg Roach}
69b2eede42SGreg Roach
70e759aebbSGreg Roach/* Keep the page as tall as the window, so the footer can remain at the bottom. */
71e759aebbSGreg Roach.wt-global {
72e759aebbSGreg Roach	display: flex;
73e759aebbSGreg Roach	min-height: 100vh;
74e759aebbSGreg Roach	flex-direction: column;
75e759aebbSGreg Roach}
76e759aebbSGreg Roach
77e759aebbSGreg Roach.wt-main-container {
78e759aebbSGreg Roach	flex: 1;
79e759aebbSGreg Roach}
80e759aebbSGreg Roach
81e759aebbSGreg Roach/* Scrollbars */
82e759aebbSGreg Roach.wt-global {
83e759aebbSGreg Roach	/* Prevent redraws when dynamic content requires a scrollbar. */
84e759aebbSGreg Roach	overflow-y: scroll;
85e759aebbSGreg Roach	/* Any wide content will have its own horizontal scrollbar */
86e759aebbSGreg Roach	overflow-x: hidden;
87e759aebbSGreg Roach}
88