mirror of
https://github.com/owncast/owncast.git
synced 2024-10-24 21:45:59 +03:00
9602538098
* Truncate and limit width of social list. closes https://github.com/owncast/owncast/issues/845 * Remove new class and allow text to wrap in existing css class
59 lines
1.2 KiB
SCSS
59 lines
1.2 KiB
SCSS
// styles for social handles editing section
|
|
|
|
.social-option,
|
|
.social-dropdown {
|
|
.ant-select-item-option-content,
|
|
.ant-select-selection-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
padding: 0.25em;
|
|
line-height: normal;
|
|
|
|
.option-icon {
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
line-height: normal;
|
|
}
|
|
.option-label {
|
|
display: inline-block;
|
|
margin-left: 1em;
|
|
line-height: normal;
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
}
|
|
|
|
.social-links-edit-container {
|
|
.social-handles-table {
|
|
.social-handle-cell {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
color: var(--white-75);
|
|
|
|
.option-icon {
|
|
height: 2em;
|
|
width: 2em;
|
|
line-height: normal;
|
|
}
|
|
.option-label {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 0 0 0 1em;
|
|
line-height: 2;
|
|
font-size: 0.85em;
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
.actions {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
width: 6em;
|
|
}
|
|
}
|
|
}
|