webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-31 15:24:31 +03:00
Code Activity

Cleaned some page pointer layout/styles up

Browse Source
This commit is contained in:
Dan Brown
2019-06-16 11:17:15 +01:00
parent 282c45f088
commit 56e31a5df7
5 changed files with 31 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
resources/assets/icons/copy.svg
View File

@ -1,4 +1,3 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 253 B

After

Width:  |  Height:  |  Size: 211 B

1
resources/assets/icons/link.svg
View File

@ -1,4 +1,3 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 337 B

After

Width:  |  Height:  |  Size: 295 B

34
resources/assets/sass/_pages.scss
View File

@ -141,10 +141,12 @@
}
.pointer {
border: 1px solid #CCC;
display: inline-block;
display: flex;
align-items: center;
justify-items: center;
padding: $-s $-s;
border-radius: 4px;
box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
box-shadow: 0 0 12px 1px rgba(212, 209, 209, 0.3);
position: absolute;
top: -60px;
background-color:#FFF;
@ -171,13 +173,6 @@
border-right: 1px solid #CCC;
z-index: 56;
}
input {
background-color: #FFF;
border: 1px solid #DDD;
color: #666;
width: 172px;
z-index: 40;
}
input, button, a {
position: relative;
border-radius: 0;
@ -186,14 +181,20 @@
vertical-align: top;
padding: 5px 16px;
}
> i {
color: #888;
font-size: 18px;
padding-top: 4px;
input {
background-color: #FFF;
border: 1px solid #DDD;
color: #666;
width: 172px;
z-index: 40;
padding: 5px 10px;
}
span.icon {
fill: #444;
cursor: pointer;
user-select: none;
display: inline-block;
line-height: 1;
}
.input-group .button {
line-height: 1;
@ -201,11 +202,8 @@
box-shadow: none;
}
a.button {
margin: 0 0 0 0;
&:hover {
fill: #fff;
}
margin: 0;
color: #FFF;
}
.svg-icon {
width: 1.2em;