Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
coopwire-hypothesis
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
孙灵跃 Leon Sun
coopwire-hypothesis
Commits
630afa5f
Commit
630afa5f
authored
Mar 18, 2016
by
Robert Knight
Browse files
Options
Browse Files
Download
Plain Diff
Merge pull request #3105 from hypothesis/sheetaluk/new_sharer
Sheetaluk/new sharer
parents
8500f117
3435194f
Changes
6
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
258 additions
and
131 deletions
+258
-131
annotation.scss
h/static/styles/annotation.scss
+22
-10
share-link.scss
h/static/styles/share-link.scss
+39
-1
h.woff
h/static/styles/vendor/fonts/h.woff
+0
-0
selection.json
h/static/styles/vendor/fonts/selection.json
+151
-109
icomoon.css
h/static/styles/vendor/icomoon.css
+4
-1
annotation.html
h/templates/client/annotation.html
+42
-10
No files found.
h/static/styles/annotation.scss
View file @
630afa5f
...
...
@@ -155,6 +155,11 @@ $annotation-card-left-padding: 10px;
}
&
.open
.share-dialog
{
display
:
flex
;
flex-direction
:
column
;
}
&
.open
.share-dialog--actions
{
display
:
block
;
}
}
...
...
@@ -162,18 +167,20 @@ $annotation-card-left-padding: 10px;
.share-dialog
{
position
:
absolute
;
right
:
0
;
bottom
:
100%
;
padding
:
3px
;
bottom
:
130%
;
z-index
:
1
;
display
:
block
;
background
:
$white
;
border
:
1px
solid
$gray-lighter
;
border-radius
:
2px
;
white-space
:
nowrap
;
width
:
200px
;
font-size
:
$body1-font-size
;
cursor
:
default
;
box-shadow
:
0px
0px
4px
0px
rgba
(
0
,
0
,
0
,
0
.15
);
&
:after
,
&
:before
{
top
:
100%
;
right
:
2
0px
;
right
:
1
0px
;
border
:
solid
transparent
;
content
:
" "
;
height
:
0
;
...
...
@@ -195,13 +202,18 @@ $annotation-card-left-padding: 10px;
border-width
:
6px
;
margin-right
:
-6px
;
}
}
input
{
padding
:
0
;
width
:
220px
;
border
:
none
;
color
:
$text-color
;
}
.share-dialog--actions
{
padding
:
3px
;
width
:
inherit
;
}
.share-dialog__link
{
padding
:
0
;
width
:
220px
;
border
:
none
;
color
:
$text-color
;
}
.annotation-collapsed-replies
{
...
...
h/static/styles/share-link.scss
View file @
630afa5f
...
...
@@ -12,7 +12,21 @@
}
.share-link
:hover
{
text-decoration
:
underline
;
width
:
100%
;
color
:
$gray-dark
;
}
.share-dialog-link
{
font-size
:
$body1-font-size
;
margin
:
10px
;
padding
:
5px
;
color
:
$text-color
;
border
:
1px
solid
$gray-lighter
;
border-radius
:
2px
;
background
:
#F2F2F2
;
}
.share-dialog-link
:hover
{
color
:
$gray-dark
;
}
...
...
@@ -27,6 +41,30 @@
width
:
100%
;
}
.share-dialog-target
{
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
border-bottom
:
1px
solid
$gray-lighter
;
font-size
:
$body1-font-size
;
padding
:
10px
;
}
.share-dialog-target__label
{
font-weight
:
bold
;
}
.share-dialog-target__icon
{
color
:
#7A7A7A
;
text-decoration
:
none
;
font-size
:
20px
;
cursor
:
pointer
;
}
.share-dialog-target__icon
:hover
{
color
:
#202020
;
}
.share-link-icons
{
display
:
flex
;
flex-direction
:
row
;
...
...
h/static/styles/vendor/fonts/h.woff
View file @
630afa5f
No preview for this file type
h/static/styles/vendor/fonts/selection.json
View file @
630afa5f
This diff is collapsed.
Click to expand it.
h/static/styles/vendor/icomoon.css
View file @
630afa5f
...
...
@@ -20,6 +20,9 @@
-moz-osx-font-smoothing
:
grayscale
;
}
.h-icon-google-plus
:before
{
content
:
"\e906"
;
}
.h-icon-annotate
:before
{
content
:
"\e903"
;
}
...
...
@@ -41,7 +44,7 @@
.h-icon-cancel-outline
:before
{
content
:
"\e619"
;
}
.h-icon-google-plus
:before
{
.h-icon-google-plus
-old
:before
{
content
:
"\ea88"
;
}
.h-icon-facebook
:before
{
...
...
h/templates/client/annotation.html
View file @
630afa5f
...
...
@@ -154,18 +154,50 @@
<div
class=
"annotation-actions"
ng-if=
"!vm.isSaving && !vm.editing() && vm.id()"
>
<div
ng-show=
"vm.isSaving"
>
Saving…
</div>
<button
class=
"small btn btn-clean"
ng-click=
"vm.reply()"
><i
class=
"h-icon-reply btn-icon"
></i>
Reply
</button>
<span
class=
"share-dialog-wrapper"
>
ng-click=
"vm.reply()"
>
<i
class=
"h-icon-reply btn-icon"
></i>
Reply
</button>
<span
class=
"share-dialog-wrapper"
ng-if=
"!vm.feature('direct_linking')"
>
<button
class=
"small btn btn-clean"
ng-click=
"vm.share($event)"
><i
class=
"h-icon-link btn-icon"
></i>
Link
</button>
<span
class=
"share-dialog"
ng-click=
"$event.stopPropagation()"
>
ng-click=
"vm.share($event)"
>
<i
class=
"h-icon-link btn-icon"
></i>
Link
</button>
<span
class=
"share-dialog share-dialog--actions"
ng-click=
"$event.stopPropagation()"
>
<a
target=
"_blank"
class=
"h-icon-link"
ng-href=
"{{vm.annotationURI}}"
title=
"Open in new tab"
></a>
<input
type=
"text"
value=
"{{vm.annotationURI}}"
readonly
>
class=
"h-icon-link"
ng-href=
"{{vm.annotationURI}}"
title=
"Open in new tab"
>
</a>
<input
class=
"share-dialog__link"
type=
"text"
value=
"{{vm.annotationURI}}"
readonly
>
</span>
</span>
<span
class=
"share-dialog-wrapper"
ng-if=
"vm.feature('direct_linking')"
>
<button
class=
"small btn btn-clean"
ng-click=
"vm.share($event)"
>
<i
class=
"h-icon-share btn-icon"
></i>
</button>
<span
class=
"share-dialog"
ng-click=
"$event.stopPropagation()"
>
<span
class=
"share-dialog-target"
>
<span
class=
"share-dialog-target__label"
>
Share:
</span>
<a
href=
"https://twitter.com/intent/tweet?url={{vm.annotationURI}}"
target=
"_blank"
title=
"Tweet link"
class=
"share-dialog-target__icon h-icon-twitter"
></a>
<a
href=
"https://www.facebook.com/sharer/sharer.php?u={{vm.annotationURI}}"
target=
"_blank"
title=
"Share on Facebook"
class=
"share-dialog-target__icon h-icon-facebook"
></a>
<a
href=
"https://plus.google.com/share?url={{vm.annotationURI}}"
target=
"_blank"
title=
"Post on Google Plus"
class=
"share-dialog-target__icon h-icon-google-plus"
></a>
<a
href=
"mailto:?subject=Let's%20Annotate&body={{vm.annotationURI}}"
title=
"Share via email"
class=
"share-dialog-target__icon h-icon-mail"
></a>
</span>
<input
class=
"share-dialog-link"
type=
"text"
value=
"{{vm.annotationURI}}"
readonly
>
</span>
</span>
<button
class=
"small btn btn-clean"
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment