Changeset View
Changeset View
Standalone View
Standalone View
web/components/enum-settings-option.css
| div.optionContainer { | div.optionContainer { | ||||
| display: flex; | display: flex; | ||||
| padding: 16px 32px 16px 16px; | padding: 16px 32px 16px 16px; | ||||
| align-items: center; | align-items: center; | ||||
| border-radius: 8px; | border-radius: 8px; | ||||
| cursor: pointer; | |||||
| } | } | ||||
| div.optionContainerSelected { | div.optionContainerSelected { | ||||
| background: var(--notification-settings-option-selected-bg); | background: var(--notification-settings-option-selected-bg); | ||||
| } | } | ||||
| div.optionIcon { | div.optionIcon { | ||||
| margin-right: 24px; | margin-right: 24px; | ||||
| } | } | ||||
| div.optionIconTop { | |||||
| align-self: flex-start; | |||||
| } | |||||
| div.optionIconCenter { | |||||
| align-self: center; | |||||
| } | |||||
| div.optionIconBottom { | |||||
| align-self: flex-end; | |||||
| } | |||||
| div.optionContent { | div.optionContent { | ||||
| display: flex; | display: flex; | ||||
| flex-direction: column; | flex-direction: column; | ||||
| flex: 1; | flex: 1; | ||||
| line-height: var(--line-height-text); | line-height: var(--line-height-text); | ||||
| } | } | ||||
| div.optionTitle { | div.optionTitle { | ||||
| Show All 13 Lines | |||||