fix: modal transition and about tooltips

This commit is contained in:
David Ralph
2021-08-17 22:20:27 +01:00
parent 6ec57c75d4
commit c66add33d2
4 changed files with 5 additions and 8 deletions

View File

@@ -4,7 +4,7 @@
display: inline-block;
.tooltipTitle {
width: 60px;
min-width: 60px;
background-color: rgba(255, 255, 255, 0.89);
color: #000000;
text-align: center;

View File

@@ -89,14 +89,11 @@
}
.ReactModal__Content {
//min-height: calc(100vh - 30vh);
//max-height: calc(100vh - 10vh);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
overflow-y: auto;
position: relative;
// animation
opacity: 0;
transform: scale(0);
transition: all 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

View File

@@ -78,8 +78,8 @@ export default class TimeSettings extends PureComponent {
</Dropdown>
<br/><br/>
<Dropdown label={time.date.short_separator.title} name='shortFormat' category='date'>
<option value='dots'>{time.date.short_separator.dots}</option>
<option value='dash'>{time.date.short_separator.dash}</option>
<option value='dots'>{time.date.short_separator.dots}</option>
<option value='gaps'>{time.date.short_separator.gaps}</option>
<option value='slashes'>{time.date.short_separator.slashes}</option>
</Dropdown>