depau/HackMD
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Update resizable handle and sync scrolling toggle styles

Browse source
This commit is contained in:
Cheng-Han, Wu 2016-05-27 00:11:32 +08:00
parent b28750f256
commit 954137b760
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
public/css/index.css
View file

@ -108,21 +108,25 @@ body {
} }
.ui-edit-area .ui-resizable-handle.ui-resizable-e { .ui-edit-area .ui-resizable-handle.ui-resizable-e {
cursor: col-resize; cursor: col-resize;
width: 5px; width: 8px;
right: -8px;
background-color: white; background-color: white;
box-shadow: 5px 0px 10px #e7e7e7; box-shadow: 3px 0px 6px #e7e7e7;
} }
.ui-edit-area .ui-sync-toggle { .ui-edit-area .ui-sync-toggle {
width: 42px; width: 42px;
height: 42px; height: 42px;
padding: 3px 1px 0 0; padding: 2px 1px 0 0;
border-radius: 50%; border-radius: 50%;
border-color: #e7e7e7; box-shadow: 2px 0px 2px #e7e7e7;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.ui-edit-area .ui-sync-toggle:active {
box-shadow: inset 0 3px 5px rgba(0,0,0,.125), 2px 0px 2px #e7e7e7;
}
.ui-view-area { .ui-view-area {
/*overflow-y: scroll;*/ /*overflow-y: scroll;*/
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;