dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-27 07:56:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

webkit scrollbar style (file tabs)

Browse Source
This commit is contained in:
Jan Prochazka
2020-05-13 18:36:05 +02:00
parent e7624efc1d
commit c49119a4b8
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/web/src/Screen.js
View File

@@ -51,13 +51,33 @@ const LeftPanel = styled.div`
const TabsPanelContainer = styled.div` const TabsPanelContainer = styled.div`
display: flex; display: flex;
position: fixed; position: fixed;
overflow-x: auto;
top: ${theme.toolBar.height}px; top: ${theme.toolBar.height}px;
left: ${(props) => props.contentLeft}px; left: ${(props) => props.contentLeft}px;
height: ${theme.tabsPanel.height}px; height: ${theme.tabsPanel.height}px;
right: 0; right: 0;
background-color: ${theme.tabsPanel.background}; background-color: ${theme.tabsPanel.background};
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
overflow-x: auto;
::-webkit-scrollbar {
height: 7px;
}
::-webkit-scrollbar-track {
// -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
border-radius: 1px;
background-color: #ddd;
}
::-webkit-scrollbar-thumb {
border-radius: 1px;
// -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
background-color: #aaa;
&:hover {
background-color: #99c;
}
}
}
`; `;
const StausBarContainer = styled.div` const StausBarContainer = styled.div`