matomo-mirror/matomo-injector
Archived
1
0
Fork 0
Code Releases Activity

Added share button (incl. icon by font)

Browse source 
modified:   css/style.css
	modified:   font/customjs.svg
	modified:   popup.html
This commit is contained in:
Dan Hromada 2014-05-09 09:05:55 +02:00
parent 035addbdb6
commit d21d4d772f
3 changed files with 31 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
css/style.css
View file

@ -71,6 +71,14 @@ a:hover {
}
/**
* Share button
*/
.share {
font-size: 16px;
}
/**
* Include row (bellow top)
*/
@ -182,7 +190,6 @@ a:hover {
font-family: "customjs";
}
.icon-plus:before { content: '\e802'; } /* '' */
.icon-minus:before { content: '\e803'; } /* '' */
.icon-left-open:before { content: '\e800'; } /* '' */
.icon-right-open:before { content: '\e801'; } /* '' */
.icon-share:before { content: '\e802'; } /* '' */

3
font/customjs.svg
View file

@ -6,10 +6,9 @@
<font id="customjs" horiz-adv-x="1000" >
<font-face font-family="customjs" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="plus" unicode="&#xe802;" d="m786 439v-107q0-22-16-38t-38-15h-232v-233q0-22-16-37t-38-16h-107q-22 0-38 16t-15 37v233h-232q-23 0-38 15t-16 38v107q0 23 16 38t38 16h232v232q0 22 15 38t38 16h107q23 0 38-16t16-38v-232h232q22 0 38-16t16-38z" horiz-adv-x="785.7" />
<glyph glyph-name="minus" unicode="&#xe803;" d="m786 439v-107q0-22-16-38t-38-15h-678q-23 0-38 15t-16 38v107q0 23 16 38t38 16h678q22 0 38-16t16-38z" horiz-adv-x="785.7" />
<glyph glyph-name="left-open" unicode="&#xe800;" d="m414-28l-364 364q-20 20-20 50t20 51l364 363q21 20 51 20t50-20l42-42q21-21 21-51t-21-50l-271-271 271-271q21-21 21-51t-21-50l-42-42q-21-20-50-20t-51 20z" horiz-adv-x="642.9" />
<glyph glyph-name="right-open" unicode="&#xe801;" d="m613 386q0-29-20-51l-364-363q-21-21-50-21t-51 21l-42 42q-21 21-21 50 0 30 21 51l271 271-271 270q-21 22-21 51 0 30 21 50l42 42q20 21 51 21t50-21l364-363q20-21 20-50z" horiz-adv-x="642.9" />
<glyph glyph-name="share" unicode="&#xe802;" d="m650 200q62 0 106-43t44-107q0-62-44-106t-106-44-106 44-44 106q0 6 1 14t1 12l-260 156q-42-32-92-32-62 0-106 44t-44 106 44 106 106 44q54 0 92-30l260 156q0 4-1 12t-1 12q0 62 44 106t106 44 106-43 44-107q0-62-44-106t-106-44q-52 0-90 32l-262-156q2-8 2-26 0-16-2-24l262-156q36 30 90 30z" horiz-adv-x="800" />
</font>
</defs>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

13
popup.html
View file

@ -29,9 +29,15 @@
</div>
</div><!-- .top -->
<div class="pure-g include">
<div class="pure-u-1 include__body">
You can inject <a href="#" id="open-popbox">your own external scripts</a> or <label for="include">one of predefined:</label>
<div class="pure-g">
<div class="pure-u-1-8 share">
<button id="share" class="pure-button pure-button-primary icon-share"></button>
</div><!-- .share -->
<div class="pure-u-7-8 include">
<div class="include__body">
You can inject
<a href="#" id="open-popbox">your own external scripts</a> or
<label for="include">one of predefined:</label>
<select id="include" name="include"></select>
</div>
<div class="include__popbox is-hidden" id="include-popbox">
@ -41,6 +47,7 @@
<div class="include__popbox__screenmask" id="screen-mask"></div>
</div>
</div><!-- .include -->
</div>
<div class="pure-g source">
<div class="pure-u-1 source__editor">