diff --git a/packages/asc-web-components/drop-down-item/styled-drop-down-item.js b/packages/asc-web-components/drop-down-item/styled-drop-down-item.js index c0690a5a9b..b056907e9e 100644 --- a/packages/asc-web-components/drop-down-item/styled-drop-down-item.js +++ b/packages/asc-web-components/drop-down-item/styled-drop-down-item.js @@ -1,4 +1,3 @@ -import { isMobile } from "react-device-detect"; import styled, { css } from "styled-components"; import Base from "../themes/base"; import { tablet } from "../utils/device"; @@ -42,7 +41,6 @@ const StyledDropdownItem = styled.div` -webkit-tap-highlight-color: rgba(0, 0, 0, 0); .drop-down-item_icon { - ${isMobile && `margin: auto; text-align: center;`} path { fill: ${(props) => props.disabled @@ -103,6 +101,7 @@ StyledDropdownItem.defaultProps = { theme: Base }; const IconWrapper = styled.div` display: flex; + align-items: center; width: ${(props) => props.theme.dropDownItem.icon.width}; margin-right: ${(props) => props.theme.dropDownItem.icon.marginRight}; line-height: ${(props) => props.theme.dropDownItem.icon.lineHeight}; diff --git a/packages/asc-web-components/toast/styled-toastr.js b/packages/asc-web-components/toast/styled-toastr.js index 83d127b664..130f9c5625 100644 --- a/packages/asc-web-components/toast/styled-toastr.js +++ b/packages/asc-web-components/toast/styled-toastr.js @@ -2,7 +2,7 @@ import styled from "styled-components"; import Base from "../themes/base"; const IconWrapper = styled.div` - align-self: flex-start; + align-self: start; display: flex; svg { width: ${(props) => props.theme.toastr.svg.width}; diff --git a/web/ASC.Web.Client/src/components/Layout/index.js b/web/ASC.Web.Client/src/components/Layout/index.js index e3ba57a9db..6cd93bae6f 100644 --- a/web/ASC.Web.Client/src/components/Layout/index.js +++ b/web/ASC.Web.Client/src/components/Layout/index.js @@ -23,6 +23,9 @@ const StyledContainer = styled.div` #customScrollBar { z-index: 0; + > .scroll-body { + -webkit-user-select: none; + } } #articleScrollBar { > .scroll-body {