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