Merge branch 'develop' into accessible_ui

This commit is contained in:
Martin Raifer
2021-12-07 16:06:56 +01:00
140 changed files with 2047 additions and 878 deletions
+50 -7
View File
@@ -194,7 +194,8 @@ input[type=number],
input[type=url],
input[type=tel],
input[type=email],
input[type=date] {
input[type=date],
input[type=color] {
/* need this since line-height interpretation may vary by font or browser */
height: 2.585em;
}
@@ -1510,6 +1511,34 @@ a.hide-toggle {
fill: #333;
opacity: .5;
}
.form-field-button.colour-preview {
border-radius: 0 0 4px 0;
}
.form-field-button.colour-preview > div.colour-box {
border: 3px solid #fff;
height: 100%;
border-radius: 8px;
cursor: pointer;
text-align: center;
line-height: 20px;
padding: 1px 0 0 1px;
}
.inspector-hover .form-field-button.colour-preview > div.colour-box {
border-color: #ececec;
}
.form-field-button.colour-preview:active > div.colour-box,
.form-field-button.colour-preview:focus > div.colour-box {
border-color: #f1f1f1;
}
@media (hover: hover) {
.form-field-button.colour-preview:hover > div.colour-box {
border-color: #f1f1f1;
}
}
.form-field-button.colour-selector {
visibility: hidden;
position: absolute;
}
/* round corners of first/last child elements */
@@ -1708,12 +1737,13 @@ a.hide-toggle {
/* Field - Text / Numeric
------------------------------------------------------- */
.form-field-input-text > input:only-of-type,
.form-field-input-text > input:only-child,
.form-field-input-tel > input:only-of-type,
.form-field-input-email > input:only-of-type,
.form-field-input-url > input:only-child {
border-radius: 0 0 4px 4px;
}
.form-field-input-text > input:not(:only-child),
.form-field-input-url > input:not(:only-child) {
border-radius: 0 0 0 4px;
}
@@ -4941,6 +4971,14 @@ img.tile-debug {
color: #7092ff;
}
.modal-splash .section-preferences-third-party {
margin-top: 20px;
}
.modal-splash .section-preferences-third-party .privacy-link {
display: none;
}
/* Shortcuts Modal
------------------------------------------------------- */
@@ -5353,22 +5391,26 @@ button.conflicts-button {
/* dark tooltips for sidebar / panels */
.tooltip.dark.top .popover-arrow,
.map-pane .tooltip.top .popover-arrow,
.sidebar .tooltip.top .popover-arrow {
.sidebar .tooltip.top .popover-arrow,
.modal .tooltip.top .popover-arrow {
border-top-color: #000;
}
.tooltip.dark.bottom .popover-arrow,
.map-pane .tooltip.bottom .popover-arrow,
.sidebar .tooltip.bottom .popover-arrow {
.sidebar .tooltip.bottom .popover-arrow,
.modal .tooltip.bottom .popover-arrow {
border-bottom-color: #000;
}
.tooltip.dark.left .popover-arrow,
.map-pane .tooltip.left .popover-arrow,
.sidebar .tooltip.left .popover-arrow {
.sidebar .tooltip.left .popover-arrow,
.modal .tooltip.left .popover-arrow {
border-left-color: #000;
}
.tooltip.dark.right .popover-arrow,
.map-pane .tooltip.right .popover-arrow,
.sidebar .tooltip.right .popover-arrow {
.sidebar .tooltip.right .popover-arrow,
.modal .tooltip.right .popover-arrow {
border-right-color: #000;
}
.tooltip.dark .popover-inner,
@@ -5379,7 +5421,8 @@ button.conflicts-button {
.map-pane .keyhint-wrap,
.sidebar .popover-inner,
.sidebar .tooltip-heading,
.sidebar .keyhint-wrap {
.sidebar .keyhint-wrap,
.modal .popover-inner {
background: #000;
color: #ccc;
}