mirror of
https://github.com/finos/SymphonyElectron.git
synced 2025-01-07 06:33:58 -06:00
2b6ec2aeb8
* ELECTRON-43 - Implemented Alert settings functionality * ELECTRON-43 1. Added multiple monitor support for notifications in windows 2. Implemented a settings window to change notification position 3. Completed implementing configure alert position window * ELECTRON-43 - Refactored code and changed config data * ELECTRON-43 1. Refactored the code 2. Added modal property to browser window * ELECTRON-43 1. Resolved conflicts 2. Made config default display value to null 3. Renamed api method from 'showAlertSettings' to 'showNotificationSettings' for consistency 4. Fixed some bugs
91 lines
1.4 KiB
CSS
91 lines
1.4 KiB
CSS
html, body {
|
|
margin: 0;
|
|
height: 100%;
|
|
font-family: sans-serif;
|
|
}
|
|
.content {
|
|
border-radius: 2px;
|
|
width: 100%;
|
|
flex: 0 0 auto;
|
|
}
|
|
.header {
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 1.3;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid rgba(0, 0, 0, .1);
|
|
margin-bottom: 20px;
|
|
padding: 16px;
|
|
}
|
|
|
|
.header__title {
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
margin: 0 0 0 4px;
|
|
font-size: 1.4rem;
|
|
min-height: 13px;
|
|
text-overflow: ellipsis;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
color: rgba(0, 0, 0, .8);
|
|
}
|
|
|
|
.form {
|
|
width: 95%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.selector {
|
|
padding: 0 9px 0 16px;
|
|
cursor: pointer;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.main {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 20px;
|
|
height: 100%;
|
|
border: 1px solid #ccc !important;
|
|
padding: 10px;
|
|
}
|
|
|
|
.main .first-set {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.main .second-set {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
}
|
|
|
|
.radio {
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.radio__label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.radio__label input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.footer {
|
|
padding: 12px 10px;
|
|
border-top: 1px solid rgba(0, 0, 0, .1);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.buttonLayout {
|
|
margin-left: auto;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.buttonDismiss {
|
|
margin-right: 10px;
|
|
} |