discourse/app/assets/stylesheets/common/components/tap-tile.scss
Martin Brennan 4cce564b35
FIX: Bookmark reminders and improvements changes (#9213)
* Cosmetic fixes for the bookmark modal
* Do not show "later today" when the later time will be > 5pm
* When a custom reminder time is selected, store it in localStorage. The next time the modal is opened, if the last datetime is > now, then a new tile with "Last" will be shown that lets the user reselect that same time.
* Also add an explicit "No Reminder" option that is selected by default
2020-03-16 16:05:44 +10:00

43 lines
816 B
SCSS

.tap-tile-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
$tile-width: 100px;
$horizontal-tile-padding: 5px;
.tap-tile {
color: $primary-high;
padding: 10px $horizontal-tile-padding;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
border: 1px solid $primary-medium;
margin: 0 0 20px;
width: $tile-width;
font-size: $font-down-2;
cursor: pointer;
&:hover {
background-color: $tertiary-low;
}
&.active {
background-color: $highlight-medium;
}
.svg-icon,
.svg-icon-title {
width: 2.5em;
height: 2.5em;
margin-bottom: 10px;
}
}
&::after {
content: "";
width: $tile-width + ($horizontal-tile-padding * 3);
}
}