xref: /webtrees/resources/css/_base.css (revision dbffae50917a401ef41e207b9cabb9a6e7bfdf12)
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
30*dbffae50SGreg Roach/* rtl:ignore */
31*dbffae50SGreg Roach.align-digits {
32*dbffae50SGreg Roach	text-align: right;
33*dbffae50SGreg Roach}
34*dbffae50SGreg Roach
3534395be7SGreg Roach/* Workaround for dropdown menu position on RTL with popper.js */
3634395be7SGreg Roach/* See also https://github.com/FezVrasta/popper.js/issues/695 */
3734395be7SGreg Roach[dir=rtl] .wt-genealogy-menu .dropdown-menu {
3834395be7SGreg Roach	right: 0;
3934395be7SGreg Roach	left: auto !important;
4034395be7SGreg Roach}
4134395be7SGreg Roach
42b2eede42SGreg Roach/*
434e73f0bdSGreg Roach * Chrome 72 has problems with all cards in the control panel.
444e73f0bdSGreg Roach * Chrome 73 has problems with the family-tree card in the control panel.
454e73f0bdSGreg Roach */
464e73f0bdSGreg Roach.wt-route-admin-control-panel .card {
474e73f0bdSGreg Roach	display: block;
484e73f0bdSGreg Roach}
494e73f0bdSGreg Roach
504e73f0bdSGreg Roach/*
51b2eede42SGreg Roach * Flexbox fixes for IE11
52b2eede42SGreg Roach */
53b2eede42SGreg Roach@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
54b2eede42SGreg Roach	/* Move the body down below the mangled header */
55b2eede42SGreg Roach	div.wt-main-container {
56b2eede42SGreg Roach		padding-top: 4rem;
57b2eede42SGreg Roach	}
58b2eede42SGreg Roach}
59b2eede42SGreg Roach
60e759aebbSGreg Roach/* Keep the page as tall as the window, so the footer can remain at the bottom. */
61e759aebbSGreg Roach.wt-global {
62e759aebbSGreg Roach	display: flex;
63e759aebbSGreg Roach	min-height: 100vh;
64e759aebbSGreg Roach	flex-direction: column;
65e759aebbSGreg Roach}
66e759aebbSGreg Roach
67e759aebbSGreg Roach.wt-main-container {
68e759aebbSGreg Roach	flex: 1;
69e759aebbSGreg Roach}
70e759aebbSGreg Roach
71e759aebbSGreg Roach/* Scrollbars */
72e759aebbSGreg Roach.wt-global {
73e759aebbSGreg Roach	/* Prevent redraws when dynamic content requires a scrollbar. */
74e759aebbSGreg Roach	overflow-y: scroll;
75e759aebbSGreg Roach	/* Any wide content will have its own horizontal scrollbar */
76e759aebbSGreg Roach	overflow-x: hidden;
77e759aebbSGreg Roach}
78