Skip to content

Commit e2b69af

Browse files
author
peterdotjs
committed
Updating footer styles. Updated to options v2.
1 parent 08c607a commit e2b69af

File tree

7 files changed

+77
-34
lines changed

7 files changed

+77
-34
lines changed

‎css/style.less

Lines changed: 34 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -463,29 +463,47 @@ button.disabled {
463463
display: none;
464464
position: relative;
465465
bottom: 0px;
466-
margin: 100px 50px 25px 50px;
466+
margin: 80px 50px 45px 50px;
467467
.font-family();
468468

469+
#ext-title {
470+
position: absolute;
471+
left: -36px;
472+
bottom: -32px;
473+
474+
.title {
475+
a {
476+
color: #005579;
477+
}
478+
font-size: 13px;
479+
font-weight: bold;
480+
}
481+
}
482+
469483
.signature {
470484
position: absolute;
471-
bottom: -22px;
485+
bottom: -32px;
472486
font-size: 13px;
473-
right: -45px;
487+
right: -42px;
474488
font-weight: bold;
489+
490+
li {
491+
display: inline;
492+
}
493+
475494
a {
476495
color: #005579;
477496
padding-right: 5px;
478497
}
479498

480499
.rate-it, .keyboard-shortcuts {
481-
border-left: 1px solid silver;
482500
padding-left: 5px;
483501
padding-right: 5px;
484502
}
485503
}
486504

487505
.switch-toggle {
488-
top: -80px;
506+
top: -60px;
489507
left: 0px;
490508
width: 100%;
491509

@@ -558,25 +576,25 @@ button.disabled {
558576
right: 21px;
559577
top: 12px;
560578
width: 200px;
561-
height: 30px;
579+
height: 30px;
562580
}
563581

564582
.layout-option {
565583
position: absolute;
566584
left: 20px;
567585
top: 6px;
568586
width: 180px;
569-
height: 25px;
570-
587+
height: 25px;
588+
571589
label {
572590
font-size: 14px;
573-
line-height: 25px;
591+
line-height: 25px;
574592
}
575593
}
576594

577595
.scaled-input-container {
578596
display: none;
579-
position: absolute;
597+
position: absolute;
580598
right: -3px;
581599
top: 60px;
582600

@@ -1032,7 +1050,7 @@ body {
10321050

10331051
.tab-layer-2 {
10341052
width: 40%;
1035-
height: 100%;
1053+
height: 100%;
10361054

10371055
.fav-icon {
10381056
top: 35px;
@@ -1056,7 +1074,7 @@ body {
10561074

10571075
.tab-layer-2 {
10581076
width: 33%;
1059-
height: 100%;
1077+
height: 100%;
10601078

10611079
.fav-icon {
10621080
top: 35px;
@@ -1080,7 +1098,7 @@ body {
10801098

10811099
.tab-layer-2 {
10821100
width: 100%;
1083-
height: 40%;
1101+
height: 40%;
10841102

10851103
.fav-icon {
10861104
top: 15px;
@@ -1107,7 +1125,7 @@ body {
11071125

11081126
.tab-layer-2 {
11091127
width: 100%;
1110-
height: 33%;
1128+
height: 33%;
11111129

11121130
.fav-icon {
11131131
top: 12px;
@@ -1138,7 +1156,7 @@ body {
11381156
z-index: 10;
11391157
.header-title {
11401158
border-bottom: 2px solid grey;
1141-
padding-bottom: 10px;
1159+
padding-bottom: 10px;
11421160
margin-bottom: 0px;
11431161
}
11441162

@@ -1148,4 +1166,4 @@ body {
11481166
font-size: 16px;
11491167
margin-bottom: 20px;
11501168
}
1151-
}
1169+
}

‎index.html

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -42,15 +42,29 @@
4242
</div>
4343
</div>
4444
<div id="display-setting-layer">
45-
<div class="signature"><a title="Developed by peterdotjs - http://peterdotjs.com" target="_blank" href="http://peterdotjs.com">peterdotjs</a><a title="If you like Tab Resize you can help me by rating it &#9733; 5 stars and leaving a nice little review" class="rate-it" target="_blank" href="https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc/reviews">&#9733; rate it</a><a class="keyboard-shortcuts" target="_blank" href="javascript:;" title="keyboard shortcuts">hotkeys</a></div>
45+
<div id="ext-title" class="track-me">
46+
<div class="title">Tab Resize <span>by</span> <a class="author" title="Developed by peterdotjs - http://peterdotjs.com" target="_blank" href="http://peterdotjs.com">peterdotjs</a></div>
47+
</div>
48+
<ul class="signature track-me">
49+
<li>
50+
<a title="If you like Tab Resize you can help me by rating it &#9733; 5 stars and leaving a nice little review" class="rate-it" target="_blank" href="https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc/reviews">&#9733; rate it</a>
51+
</li>
52+
<li>&#183;</li>
53+
<li>
54+
<a class="keyboard-shortcuts" target="_blank" href="javascript:;" title="keyboard shortcuts">shortcut keys</a>
55+
</li>
56+
<li>&#183;</li>
57+
<li>
58+
<a class="options" target="_blank" href="/options.html" title="options">options</a>
59+
</li>
60+
</ul>
4661
<div class="switch-toggle switch-candy">
4762
<input id="left" name="view" type="radio" checked>
4863
<label for="left" title="Left align tabs during resize">Left Align</label>
4964
<input id="right" name="view" type="radio">
5065
<label for="right" title="Right align tabs during resize">Right Align</label>
5166
<a></a>
5267
</div>
53-
<div class="display-settings-divider"></div>
5468
</div>
5569
</div>
5670
<div class="custom-view modal-box hidden">
@@ -147,15 +161,15 @@
147161
<strong>Keyboard Shortcut/Hotkeys enabled </strong> - You can now use tab resize with just keyboard shortcuts rather than opening up the extension from the icon. Add your own custom shotcut keys for various layout types by clicking here: <a class="keyboard-shortcuts" href="javascript:;" target="_blank">Keyboard shortcuts/hotkeys</a>
148162
</li>
149163
</ul>
150-
164+
151165
<div class="additional-message bold">
152166
-- Past change log <a href="/options.html" target="_blank">details</a> --
153167
</div>
154168

155169
<div class="update-list-footer bold">
156170
You can checkout the <a target="_blank" href="https://www.youtube.com/watch?v=GFHl98nAV04" title="https://www.youtube.com/watch?v=GFHl98nAV04">video demo</a> for a more detailed description of how to use the extension.
157171
</div>
158-
172+
159173
<div class="additional-message bold">If you like the extension and find it useful please show your support by rating it in the <a target="_blank" href="https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc/reviews" title="https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc/reviews">web store</a>. Thanks! -Peter</div>
160174
</div>
161175
<div class="modal-footer">
@@ -179,7 +193,7 @@
179193
</li>
180194
<li class="update-entry">
181195
Search results in one location. Navigate to links in just a few keystrokes.
182-
</li>
196+
</li>
183197
<li class="update-entry">
184198
Case match, link search, highlight all toggle, highlight and then search.
185199
</li>
@@ -195,4 +209,4 @@
195209
</div>
196210
<script type="text/javascript" src="js/lib/sortable.js"></script>
197211
</body>
198-
</html>
212+
</html>

‎js/main.js

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -138,10 +138,13 @@
138138
options.hidePromoModal();
139139
}).on('click','#warning-apply',function(){
140140
options.hideWarningModal();
141-
}).on('click','.signature a',function(){
142-
if($(this).hasClass('rate-it')){
141+
}).on('click','.track-me a',function(){
142+
var $this = $(this);
143+
if($this.hasClass('rate-it')){
143144
sendTracking('info-links','rate-it');
144-
} else if ($(this).hasClass('signature')) {
145+
} else if ($this.hasClass('options')) {
146+
sendTracking('info-links','options');
147+
} else if ($this.hasClass('author')) {
145148
sendTracking('info-links','author');
146149
} else {
147150
sendTracking('info-links','keyboard-shortcuts');
@@ -179,4 +182,4 @@
179182
sendTracking('custom-layout',$(this).attr('id'));
180183
});
181184

182-
})();
185+
})();

‎manifest.json

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
{
22
"name": "Tab Resize - split screen layouts",
33
"short_name": "Tab Resize",
4-
"version": "2.2.1",
4+
"version": "2.2.2",
55
"manifest_version": 2,
6+
"minimum_chrome_version": "30",
67
"description": "Split Screen made easy. Resize the CURRENT tab and tabs to the RIGHT into layouts on separate windows. w/ Multi Monitor Support.",
78
"browser_action": {
89
"default_icon": "images/icons/icon128.png",
@@ -19,6 +20,10 @@
1920
"offline_enabled": true,
2021
"content_security_policy": "script-src 'self' https://www.google-analytics.com; object-src 'self'",
2122
"options_page": "options.html",
23+
"options_ui": {
24+
"page": "options.html",
25+
"chrome_style": true
26+
},
2227
"commands": {
2328
"tab-resize-undo": {
2429
"description": "Undo previous resize"
@@ -57,4 +62,4 @@
5762
"description": "Resize 7:3 vertical layout"
5863
}
5964
}
60-
}
65+
}

‎public/style.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/tabResize.js

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1162,10 +1162,13 @@ if(!deferTracking) {
11621162
options.hidePromoModal();
11631163
}).on('click','#warning-apply',function(){
11641164
options.hideWarningModal();
1165-
}).on('click','.signature a',function(){
1166-
if($(this).hasClass('rate-it')){
1165+
}).on('click','.track-me a',function(){
1166+
var $this = $(this);
1167+
if($this.hasClass('rate-it')){
11671168
sendTracking('info-links','rate-it');
1168-
} else if ($(this).hasClass('signature')) {
1169+
} else if ($this.hasClass('options')) {
1170+
sendTracking('info-links','options');
1171+
} else if ($this.hasClass('author')) {
11691172
sendTracking('info-links','author');
11701173
} else {
11711174
sendTracking('info-links','keyboard-shortcuts');
@@ -1203,4 +1206,4 @@ if(!deferTracking) {
12031206
sendTracking('custom-layout',$(this).attr('id'));
12041207
});
12051208

1206-
})();
1209+
})();

‎public/tabResize.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)