diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index a7e4aff..ffbeac3 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -2640,7 +2640,6 @@ body.layout-single-column { } .layout-single-column .search__input:focus { border: 1px solid var(--color-accent); - box-shadow: inset 0 0 0 1px var(--color-accent); } .layout-single-column .compose-panel .fa-search, .layout-single-column .compose-panel .fa.active { @@ -2731,11 +2730,26 @@ body.layout-single-column { .layout-single-column .account .account__details .verified-badge { color: var(--color-accent); } +@keyframes fadein-short { + from { + transform: translate(0, -10px); + opacity: 0; + } + to { + transform: translate(0, 0); + opacity: 1; + } +} .layout-single-column .search__popout { background-color: var(--color-content-bg); border-radius: 8px; - box-shadow: 0 4px 6px rgba(0,0,0,.1); + box-shadow: none; margin-top: 10px; + border: 1px solid var(--color-lines); + animation: .3s fadein-short 1; +} +.layout-single-column .search__popout h4 { + font-weight: bold; } .layout-single-column .search__popout h4, .layout-single-column .search__popout__menu__message, diff --git a/TangerineUI.css b/TangerineUI.css index 578ea06..8702a45 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -2640,7 +2640,6 @@ body.layout-single-column { } .layout-single-column .search__input:focus { border: 1px solid var(--color-accent); - box-shadow: inset 0 0 0 1px var(--color-accent); } .layout-single-column .compose-panel .fa-search, .layout-single-column .compose-panel .fa.active { @@ -2731,11 +2730,26 @@ body.layout-single-column { .layout-single-column .account .account__details .verified-badge { color: var(--color-accent); } +@keyframes fadein-short { + from { + transform: translate(0, -10px); + opacity: 0; + } + to { + transform: translate(0, 0); + opacity: 1; + } +} .layout-single-column .search__popout { background-color: var(--color-content-bg); border-radius: 8px; - box-shadow: 0 4px 6px rgba(0,0,0,.1); + box-shadow: none; margin-top: 10px; + border: 1px solid var(--color-lines); + animation: .3s fadein-short 1; +} +.layout-single-column .search__popout h4 { + font-weight: bold; } .layout-single-column .search__popout h4, .layout-single-column .search__popout__menu__message, diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index a7e4aff..ffbeac3 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -2640,7 +2640,6 @@ body.layout-single-column { } .layout-single-column .search__input:focus { border: 1px solid var(--color-accent); - box-shadow: inset 0 0 0 1px var(--color-accent); } .layout-single-column .compose-panel .fa-search, .layout-single-column .compose-panel .fa.active { @@ -2731,11 +2730,26 @@ body.layout-single-column { .layout-single-column .account .account__details .verified-badge { color: var(--color-accent); } +@keyframes fadein-short { + from { + transform: translate(0, -10px); + opacity: 0; + } + to { + transform: translate(0, 0); + opacity: 1; + } +} .layout-single-column .search__popout { background-color: var(--color-content-bg); border-radius: 8px; - box-shadow: 0 4px 6px rgba(0,0,0,.1); + box-shadow: none; margin-top: 10px; + border: 1px solid var(--color-lines); + animation: .3s fadein-short 1; +} +.layout-single-column .search__popout h4 { + font-weight: bold; } .layout-single-column .search__popout h4, .layout-single-column .search__popout__menu__message, diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index 578ea06..8702a45 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -2640,7 +2640,6 @@ body.layout-single-column { } .layout-single-column .search__input:focus { border: 1px solid var(--color-accent); - box-shadow: inset 0 0 0 1px var(--color-accent); } .layout-single-column .compose-panel .fa-search, .layout-single-column .compose-panel .fa.active { @@ -2731,11 +2730,26 @@ body.layout-single-column { .layout-single-column .account .account__details .verified-badge { color: var(--color-accent); } +@keyframes fadein-short { + from { + transform: translate(0, -10px); + opacity: 0; + } + to { + transform: translate(0, 0); + opacity: 1; + } +} .layout-single-column .search__popout { background-color: var(--color-content-bg); border-radius: 8px; - box-shadow: 0 4px 6px rgba(0,0,0,.1); + box-shadow: none; margin-top: 10px; + border: 1px solid var(--color-lines); + animation: .3s fadein-short 1; +} +.layout-single-column .search__popout h4 { + font-weight: bold; } .layout-single-column .search__popout h4, .layout-single-column .search__popout__menu__message,