aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2016-08-07 17:17:41 +0200
committerArthurHoaro <arthur@hoa.ro>2016-08-07 17:17:41 +0200
commitfa078366acff3833ef40530e797b1554ccb6f8d6 (patch)
treefc48a5fa2e47a03ce12a1bfed749b0557b3b2318 /tpl
parent1b383041f63a231afdfe180acd9b73375a8890ed (diff)
downloadShaarli-fa078366acff3833ef40530e797b1554ccb6f8d6.tar.gz
Shaarli-fa078366acff3833ef40530e797b1554ccb6f8d6.tar.zst
Shaarli-fa078366acff3833ef40530e797b1554ccb6f8d6.zip
Editlink improvement
Diffstat (limited to 'tpl')
-rw-r--r--tpl/default/css/shaarli.css17
-rw-r--r--tpl/default/editlink.html9
2 files changed, 18 insertions, 8 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 339ba300..0c70d630 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -605,6 +605,7 @@ pre {
605 background: url(../img/noise.png) #1fa67a; 605 background: url(../img/noise.png) #1fa67a;
606 border-radius: 5px; 606 border-radius: 5px;
607 box-shadow: 1px 1px 2px #797979; 607 box-shadow: 1px 1px 2px #797979;
608 color: #b0ddce;
608} 609}
609 610
610.page-form h2 { 611.page-form h2 {
@@ -618,7 +619,9 @@ pre {
618 border-bottom: 1px solid #797979; 619 border-bottom: 1px solid #797979;
619} 620}
620 621
621.page-form input[type="text"], .page-form input[type="password"] { 622.page-form input[type="text"],
623.page-form input[type="password"],
624.page-form textarea {
622 margin: 10px 0; 625 margin: 10px 0;
623 padding: 5px 5px 3px 15px; 626 padding: 5px 5px 3px 15px;
624 height: 30px; 627 height: 30px;
@@ -630,6 +633,13 @@ pre {
630 color: #b0ddce; 633 color: #b0ddce;
631} 634}
632 635
636.page-form textarea {
637 height: 240px;
638 resize: vertical;
639 overflow-y: auto;
640 word-wrap:break-word
641}
642
633/* because chrome */ 643/* because chrome */
634.page-form input[type="text"]::-webkit-input-placeholder, 644.page-form input[type="text"]::-webkit-input-placeholder,
635.page-form input[type="password"]::-webkit-input-placeholder { 645.page-form input[type="password"]::-webkit-input-placeholder {
@@ -659,10 +669,6 @@ pre {
659 text-align: center; 669 text-align: center;
660} 670}
661 671
662.page-form-light p {
663 color: #b0ddce;
664}
665
666/** 672/**
667 * PAGE FORM - COMPLETE 673 * PAGE FORM - COMPLETE
668 */ 674 */
@@ -791,7 +797,6 @@ pre {
791 color: #fff; 797 color: #fff;
792} 798}
793 799
794
795.linklist-item-title .label-private { 800.linklist-item-title .label-private {
796 border: solid 1px #d0fff0; 801 border: solid 1px #d0fff0;
797 font-family: Arial, sans-serif; 802 font-family: Arial, sans-serif;
diff --git a/tpl/default/editlink.html b/tpl/default/editlink.html
index a0ea91b2..95e60cc1 100644
--- a/tpl/default/editlink.html
+++ b/tpl/default/editlink.html
@@ -9,7 +9,7 @@
9 {/if} 9 {/if}
10 <div id="editlinkform" class="pure-g"> 10 <div id="editlinkform" class="pure-g">
11 <div class="pure-u-lg-1-5 pure-u-1-8"></div> 11 <div class="pure-u-lg-1-5 pure-u-1-8"></div>
12 <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-3-4" > 12 <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-3-4 page-form page-form-light">
13 <h2>{'Shaare'|t}</h2> 13 <h2>{'Shaare'|t}</h2>
14 <input type="hidden" name="lf_linkdate" value="{$link.linkdate}"> 14 <input type="hidden" name="lf_linkdate" value="{$link.linkdate}">
15 <div> 15 <div>
@@ -28,7 +28,8 @@
28 <label for="lf_description">{'Description'|t}</label> 28 <label for="lf_description">{'Description'|t}</label>
29 </div> 29 </div>
30 <div> 30 <div>
31 <textarea name="lf_description" id="lf_description">{$link.description}</textarea> 31 <textarea name="lf_description" id="lf_description" onkeyup="textAreaAdjust(this)"
32 >{$link.description}</textarea>
32 </div> 33 </div>
33 <div> 34 <div>
34 <label for="lf_tags">{'Tags'|t}</label> 35 <label for="lf_tags">{'Tags'|t}</label>
@@ -77,6 +78,10 @@
77 } else { 78 } else {
78 document.linkform.lf_tags.focus(); 79 document.linkform.lf_tags.focus();
79 } 80 }
81
82 function textAreaAdjust(el) {
83 el.style.height = (el.scrollHeight > el.clientHeight) ? (el.scrollHeight)+"px" : (el.clientHeight-8)+"px";
84 }
80</script> 85</script>
81</body> 86</body>
82</html> 87</html>