@ -128,7 +128,7 @@
display : inline-block ;
display : inline-block ;
padding : 0 ;
padding : 0 ;
color : $action-button-color ;
color : $action-button-color ;
border : none ;
border : 0 ;
background : transparent ;
background : transparent ;
cursor : pointer ;
cursor : pointer ;
transition : color 100 ms ease-in ;
transition : color 100 ms ease-in ;
@ -196,7 +196,7 @@
. text-icon-button {
. text-icon-button {
color : $lighter-text-color ;
color : $lighter-text-color ;
border : none ;
border : 0 ;
background : transparent ;
background : transparent ;
cursor : pointer ;
cursor : pointer ;
font-weight : 600 ;
font-weight : 600 ;
@ -353,12 +353,12 @@
. spoiler-input {
. spoiler-input {
height : 0 ;
height : 0 ;
transform-origin : bottom ;
transform-origin : bottom ;
opacity : 0 .0 ;
opacity : 0 ;
& . spoiler-input--visible {
& . spoiler-input--visible {
height : 36 px ;
height : 36 px ;
margin-bottom : 11 px ;
margin-bottom : 11 px ;
opacity : 1 .0 ;
opacity : 1 ;
}
}
}
}
@ -408,12 +408,20 @@
}
}
}
}
. emoji-picker-wrapper ,
. autosuggest-textarea__suggestions-wrapper {
. autosuggest-textarea__suggestions-wrapper {
position : relative ;
position : relative ;
height : 0 ;
height : 0 ;
}
}
. emoji-picker-wrapper {
position : relative ;
height : 0 ;
& . emoji-picker-wrapper--hidden {
display : none ;
}
}
. autosuggest-textarea__suggestions {
. autosuggest-textarea__suggestions {
box-sizing : border-box ;
box-sizing : border-box ;
display : none ;
display : none ;
@ -1185,7 +1193,7 @@
}
}
. account__avatar {
. account__avatar {
@include avatar-radius () ;
@include avatar-radius ;
position : relative ;
position : relative ;
& - inline {
& - inline {
@ -1195,11 +1203,11 @@
}
}
& - composite {
& - composite {
@include avatar-radius () ;
@include avatar-radius ;
overflow : hidden ;
overflow : hidden ;
& > div {
& > div {
@include avatar-radius () ;
@include avatar-radius ;
float : left ;
float : left ;
position : relative ;
position : relative ;
box-sizing : border-box ;
box-sizing : border-box ;
@ -1215,12 +1223,12 @@ a .account__avatar {
@include avatar-size ( 48 px ) ;
@include avatar-size ( 48 px ) ;
& - base {
& - base {
@include avatar-radius () ;
@include avatar-radius ;
@include avatar-size ( 36 px ) ;
@include avatar-size ( 36 px ) ;
}
}
& - overlay {
& - overlay {
@include avatar-radius () ;
@include avatar-radius ;
@include avatar-size ( 24 px ) ;
@include avatar-size ( 24 px ) ;
position : absolute ;
position : absolute ;
@ -1598,13 +1606,13 @@ a.account__display-name {
. icon-button . close {
. icon-button . close {
position : absolute ;
position : absolute ;
pointer-events : none ;
pointer-events : none ;
transform : scale ( 0 .0 , 1 .0 ) translate ( - 100 % , 0 ) ;
transform : scale ( 0 , 1 ) translate ( - 100 % , 0 ) ;
opacity : 0 ;
opacity : 0 ;
}
}
. compose__action-bar . icon-button {
. compose__action-bar . icon-button {
pointer-events : auto ;
pointer-events : auto ;
transform : scale ( 1 .0 , 1 .0 ) translate ( 0 , 0 ) ;
transform : scale ( 1 , 1 ) translate ( 0 , 0 ) ;
opacity : 1 ;
opacity : 1 ;
}
}
}
}
@ -2071,6 +2079,10 @@ a.account__display-name {
. account {
. account {
padding : 15 px 10 px ;
padding : 15 px 10 px ;
& __header__bio {
margin : 0 - 10 px ;
}
}
}
. notification {
. notification {
@ -2699,7 +2711,7 @@ a.account__display-name {
. setting-text {
. setting-text {
color : $darker-text-color ;
color : $darker-text-color ;
background : transparent ;
background : transparent ;
border : none ;
border : 0 ;
border-bottom : 2 px solid $ui-primary-color ;
border-bottom : 2 px solid $ui-primary-color ;
box-sizing : border-box ;
box-sizing : border-box ;
display : block ;
display : block ;
@ -3037,7 +3049,7 @@ a.status-card.compact:hover {
& > button {
& > button {
margin : 0 ;
margin : 0 ;
border : none ;
border : 0 ;
padding : 15 px 0 15 px 15 px ;
padding : 15 px 0 15 px 15 px ;
color : inherit ;
color : inherit ;
background : transparent ;
background : transparent ;
@ -3202,11 +3214,11 @@ a.status-card.compact:hover {
}
}
. no-reduce-motion . loading-indicator span {
. no-reduce-motion . loading-indicator span {
animation : loader-label 1 .15 s infinite cubic-bezier ( 0 .215 , 0 .61 0 , 0 .355 , 1 .000 ) ;
animation : loader-label 1 .15 s infinite cubic-bezier ( 0 .215 , 0 .61 , 0 .355 , 1 ) ;
}
}
. no-reduce-motion . loading-indicator__figure {
. no-reduce-motion . loading-indicator__figure {
animation : loader-figure 1 .15 s infinite cubic-bezier ( 0 .215 , 0 .61 0 , 0 .355 , 1 .000 ) ;
animation : loader-figure 1 .15 s infinite cubic-bezier ( 0 .215 , 0 .61 , 0 .355 , 1 ) ;
}
}
@keyframes loader-figure {
@keyframes loader-figure {
@ -3373,7 +3385,7 @@ a.status-card.compact:hover {
. column-select {
. column-select {
& __control {
& __control {
@include search-input () ;
@include search-input ;
}
}
& __placeholder {
& __placeholder {
@ -3424,7 +3436,7 @@ a.status-card.compact:hover {
}
}
& __menu {
& __menu {
@include search-popout () ;
@include search-popout ;
padding : 0 ;
padding : 0 ;
background : $ui-secondary-color ;
background : $ui-secondary-color ;
}
}
@ -3585,7 +3597,7 @@ a.status-card.compact:hover {
. no-reduce-motion . shake-bottom {
. no-reduce-motion . shake-bottom {
transform-origin : 50 % 100 % ;
transform-origin : 50 % 100 % ;
animation : shake-bottom 0 .8 s cubic-bezier ( 0 .455 , 0 .03 0 , 0 .515 , 0 .955 ) 2 s 2 both ;
animation : shake-bottom 0 .8 s cubic-bezier ( 0 .455 , 0 .03 , 0 .515 , 0 .955 ) 2 s 2 both ;
}
}
. emoji-picker-dropdown__menu {
. emoji-picker-dropdown__menu {
@ -3880,10 +3892,11 @@ a.status-card.compact:hover {
}
}
. search__input {
. search__input {
@include search-input ;
display : block ;
display : block ;
padding : 10 px ;
padding : 10 px ;
padding-right : 30 px ;
padding-right : 30 px ;
@include search-input () ;
}
}
. search__icon {
. search__icon {
@ -4491,14 +4504,14 @@ a.status-card.compact:hover {
}
}
. actions-modal {
. actions-modal {
max-height : 80 vh ;
max-width : 80 vw ;
. status {
. status {
overflow-y : auto ;
overflow-y : auto ;
max-height : 300 px ;
max-height : 300 px ;
}
}
max-height : 80 vh ;
max-width : 80 vw ;
. actions-modal__item-label {
. actions-modal__item-label {
font-weight : 500 ;
font-weight : 500 ;
}
}
@ -4713,7 +4726,7 @@ a.status-card.compact:hover {
}
}
. media-gallery__item {
. media-gallery__item {
border : none ;
border : 0 ;
box-sizing : border-box ;
box-sizing : border-box ;
display : block ;
display : block ;
float : left ;
float : left ;
@ -5173,7 +5186,7 @@ a.status-card.compact:hover {
}
}
. account-gallery__item {
. account-gallery__item {
border : none ;
border : 0 ;
box-sizing : border-box ;
box-sizing : border-box ;
display : block ;
display : block ;
position : relative ;
position : relative ;
@ -5247,7 +5260,7 @@ a.status-card.compact:hover {
}
}
. search-popout {
. search-popout {
@include search-popout () ;
@include search-popout ;
}
}
noscript {
noscript {
@ -5349,14 +5362,14 @@ noscript {
. icon-button . close {
. icon-button . close {
pointer-events : auto ;
pointer-events : auto ;
opacity : 1 ;
opacity : 1 ;
transform : scale ( 1 .0 , 1 .0 ) translate ( 0 , 0 ) ;
transform : scale ( 1 , 1 ) translate ( 0 , 0 ) ;
bottom : 5 px ;
bottom : 5 px ;
}
}
. compose__action-bar . icon-button {
. compose__action-bar . icon-button {
pointer-events : none ;
pointer-events : none ;
opacity : 0 ;
opacity : 0 ;
transform : scale ( 0 .0 , 1 .0 ) translate ( 100 % , 0 ) ;
transform : scale ( 0 , 1 ) translate ( 100 % , 0 ) ;
}
}
}
}
}
}
@ -5386,7 +5399,7 @@ noscript {
box-sizing : border-box ;
box-sizing : border-box ;
display : block ;
display : block ;
width : 100 % ;
width : 100 % ;
border : none ;
border : 0 ;
padding : 10 px ;
padding : 10 px ;
font-family : $font-monospace , monospace ;
font-family : $font-monospace , monospace ;
background : $ui-base-color ;
background : $ui-base-color ;