matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: Account aliases

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2021-08-05 15:31:29 +02:00
parent 29cdc4867b
commit f203a4d389
13 changed files with 527 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/styles/application.scss
View File

@ -84,6 +84,7 @@
@import 'components/datepicker';
@import 'components/remote-timeline';
@import 'components/federation-restrictions';
@import 'components/aliases';
// Holiday
@import 'holiday/halloween';

102
app/styles/components/aliases.scss Normal file
View File

@ -0,0 +1,102 @@
.aliases {
&__accounts {
overflow-y: auto;
.account__display-name {
&:hover strong {
text-decoration: none;
}
}
.account__avatar {
cursor: default;
}
}
&_search {
display: flex;
flex-direction: row;
margin: 10px;
.search__input {
padding: 7px 30px 6px 10px;
}
> label {
flex: 1 1;
}
> .search__icon .fa {
top: 8px;
right: 102px !important;
}
> .button {
width: 80px;
margin-left: 10px;
}
}
}
.aliases-settings-panel {
flex: 1;
.item-list article {
border-bottom: 1px solid var(--primary-text-color--faint);
&:last-child {
border-bottom: 0;
}
}
.alias__container {
padding: 20px;
display: flex;
justify-content: space-between;
font-size: 14px;
span.alias__list-label {
padding-right: 5px;
color: var(--primary-text-color--faint);
}
span.alias__list-value span {
padding-right: 5px;
text-transform: capitalize;
&::after {
content: ',';
}
&:last-of-type {
&::after {
content: '';
}
}
}
.alias__delete {
display: flex;
align-items: baseline;
cursor: pointer;
span.alias__delete-label {
color: var(--primary-text-color--faint);
font-size: 14px;
font-weight: 800;
}
.alias__delete-icon {
background: none;
color: var(--primary-text-color--faint);
padding: 0 5px;
margin: 0 auto;
font-size: 16px;
}
}
}
.slist--flex {
height: 100%;
}
}