diff --git a/src/components/elements/messages/ConversationSearch/ConversationSearch.css b/src/components/elements/messages/ConversationSearch/ConversationSearch.css index 5983153fd..26c6ddb80 100644 --- a/src/components/elements/messages/ConversationSearch/ConversationSearch.css +++ b/src/components/elements/messages/ConversationSearch/ConversationSearch.css @@ -2,7 +2,19 @@ padding: 10px; display: flex; flex-direction: column; - position: relative; + position: sticky; + top: 0px; + + background-color: white; + border-bottom: 1px solid #eeeef1; +} + +@supports (backdrop-filter: blur(20px)) { + .conversation-search { + border: none; + background-color: rgba(255, 255, 255, 0.8); + backdrop-filter: blur(20px); + } } .conversation-search-input { diff --git a/src/components/modules/MessagesTopCenter.scss b/src/components/modules/MessagesTopCenter.scss index 7cc3d9712..d1302f4fc 100644 --- a/src/components/modules/MessagesTopCenter.scss +++ b/src/components/modules/MessagesTopCenter.scss @@ -45,6 +45,11 @@ background-color: rgba(40, 51, 54, 0.7) !important; } } +@media screen and (max-width: 39.9375em) { + .GroupDropdown { + left: 10px !important; + } +} .msgs-group-dropdown { .logo { diff --git a/src/components/pages/Messages.scss b/src/components/pages/Messages.scss index 8f9798b4e..9a79c1d88 100644 --- a/src/components/pages/Messages.scss +++ b/src/components/pages/Messages.scss @@ -1,6 +1,11 @@ .msgs-toolbar { height: 61px !important; } +.conversation-list { + .msgs-toolbar { + top: -61px !important; + } +} .msgs-back-btn { display: none; diff --git a/src/utils/ServerApiClient.js b/src/utils/ServerApiClient.js index 7e8d04c8b..8d9fff818 100644 --- a/src/utils/ServerApiClient.js +++ b/src/utils/ServerApiClient.js @@ -3,7 +3,7 @@ import { fetchEx } from 'golos-lib-js/lib/utils' export function getHost() { const { location, } = window; if (process.env.NODE_ENV === 'development') { - return location.protocol + '//'+ location.hostname + ':8088'; + return location.protocol + '//'+ location.hostname + ':8080'; } return location.origin; }