owncast/web/styles/config-socialhandles.scss
gingervitis a122ee6c42 Admin css overhaul pt2 (#19)
* tweaks to offline state in admin viewers page

If stream is offline, hide current viewers statistic and viewers table.
Also, change wording for describing max viewers.

* take out ant dark stylesheet, organize ant color overrides

* remove ant dark css; cleanup ant overrides; format public-detail page

* combine toggleswitch component style with textfield so layout can be shared

* fix toggleswitch status message placement

* - update styles for modals, collapses
- move reset dir into its own component
- assorted style cleanups ans consistencies

* hide entire advanced section for resetyp if no yp

* temp adjustments to video modal

* temp comment out toggle switch use for later'

* address PR comments

* lint

* update type

* allow warnings during lint

Co-authored-by: nebunez <uoj2y7wak869@opayq.net>
2021-02-12 23:55:59 -08:00

57 lines
1.1 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: .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;
}
}
}
.social-links-edit-container {
.social-handles-table {
.social-handle-cell {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
color: rgba(255,255,255,.85);
.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: .85em;
}
}
.actions {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
width: 6em;
}
}
}