IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

Make scrollbars in file preview more visible (#23604)

Browse Source 
* Make scrollbars in file preview more visible

* Fix lint

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
This commit is contained in:
Daniel Espino García 2023-06-15 19:10:15 +02:00 committed by GitHub
parent d403c034d4
commit 6fae1736eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
webapp/channels/src/components/file_preview_modal/file_preview_modal.scss
View File

@ -40,8 +40,15 @@
overflow: auto;
width: 100%;
height: calc(100vh - 72px);
padding: 48px 0 72px 0;
padding: 48px 5px 72px 0;
margin: 0 auto;
margin-right: 5px;
scrollbar-color: rgba(255, 255, 255, 0.24) transparent;
scrollbar-width: auto;
&::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.24);
}
@media screen and (max-width: 768px) {
height: calc(100vh - 148px);

3
webapp/channels/src/utils/utils.tsx
View File

@ -400,9 +400,6 @@ export function applyTheme(theme: Theme) {
changeCss('.app__body .form-control[disabled], .app__body .form-control[readonly], .app__body fieldset[disabled] .form-control', 'background:' + changeOpacity(theme.centerChannelColor, 0.1));
changeCss('.app__body .sidebar--right', 'color:' + theme.centerChannelColor);
changeCss('.app__body .modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__body', 'background:' + changeOpacity(theme.centerChannelColor, 0.05));
if (!UserAgent.isFirefox() && !UserAgent.isInternetExplorer() && !UserAgent.isEdge()) {
changeCss('body.app__body ::-webkit-scrollbar-thumb', 'background:' + changeOpacity(theme.centerChannelColor, 0.4));
}
changeCss('body', 'scrollbar-arrow-color:' + theme.centerChannelColor);
changeCss('.app__body .post-create__container .post-create-body .btn-file svg, .app__body .post.post--compact .post-image__column .post-image__details svg, .app__body .modal .about-modal .about-modal__logo svg, .app__body .status svg, .app__body .edit-post__actions .icon svg', 'fill:' + theme.centerChannelColor);
changeCss('.app__body .post-list__new-messages-below', 'background:' + changeColor(theme.centerChannelColor, 0.5));