tweak icons for username and password fields, now it’s good

diff --git a/core/css/styles.css b/core/css/styles.css
index 01ae5f1f066acdf1a076baf9c4355d104e31bdb8..c85fa74df89390d51f87f5d834376f72c9a676b8 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -121,10 +121,14 @@ input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-b
 
 
 /* Icons for username and password fields to better recognize them */
-#adminlogin, #adminpass, #user, #password { padding-left:1.6em; background-repeat:no-repeat; background-position:.4em .75em; }
-#adminlogin+label, #adminpass+label, #user+label, #password+label { left:2em; }
-#adminlogin, #user { background-image:url('../img/actions/user.svg'); }
-#adminpass, #password { background-image:url('../img/actions/password.svg'); }
+#adminlogin, #adminpass, #user, #password { width:11.7em!important; padding-left:1.8em; }
+#adminlogin+label, #adminpass+label, #user+label, #password+label { left:2.2em; }
+#adminlogin+label+img, #adminpass+label+img, #user+label+img, #password+label+img {
+       position:absolute; left:1.25em; top:1.65em;
+       opacity:.3;
+}
+#adminpass+label+img, #password+label+img { top:1.1em; }
+
 
 /* Nicely grouping input field sets */
 .grouptop input {

diff --git a/core/img/actions/password.svg b/core/img/actions/password.svg
index 4369a8cfa53ed2ec68c5a6e9fd2626f58c5f7533..ee6a9fe01829da4c559d93d4cd9d6b2499a16fcb 100644 (file)
--- a/core/img/actions/password.svg
+++ b/core/img/actions/password.svg
@@ -27,7 +27,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -2141,34 +2141,8 @@
   <g
      id="g4146">
     <path
-       sodipodi:type="arc"
-       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
-       id="path3750"
-       sodipodi:cx="-0.5"
-       sodipodi:cy="7.5"
-       sodipodi:rx="3.5"
-       sodipodi:ry="3.5"
-       d="m 3,7.5 a 3.5,3.5 0 1 1 -7,0 3.5,3.5 0 1 1 7,0 z"
-       transform="matrix(0.57142857,0,0,0.57142857,3.2857143,3.7142857)" />
-    <path
-       transform="matrix(0.57142857,0,0,0.57142857,8.2857143,3.7142857)"
-       d="m 3,7.5 a 3.5,3.5 0 1 1 -7,0 3.5,3.5 0 1 1 7,0 z"
-       sodipodi:ry="3.5"
-       sodipodi:rx="3.5"
-       sodipodi:cy="7.5"
-       sodipodi:cx="-0.5"
-       id="path4520"
-       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
-       sodipodi:type="arc" />
-    <path
-       sodipodi:type="arc"
-       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
-       id="path4522"
-       sodipodi:cx="-0.5"
-       sodipodi:cy="7.5"
-       sodipodi:rx="3.5"
-       sodipodi:ry="3.5"
-       d="m 3,7.5 a 3.5,3.5 0 1 1 -7,0 3.5,3.5 0 1 1 7,0 z"
-       transform="matrix(0.57142857,0,0,0.57142857,13.285714,3.7142857)" />
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:1"
+       d="M 3 6 C 1.8954305 6 1 6.8954305 1 8 C 1 9.1045695 1.8954305 10 3 10 C 4.1045695 10 5 9.1045695 5 8 C 5 6.8954305 4.1045695 6 3 6 z M 8 6 C 6.8954305 6 6 6.8954305 6 8 C 6 9.1045695 6.8954305 10 8 10 C 9.1045695 10 10 9.1045695 10 8 C 10 6.8954305 9.1045695 6 8 6 z M 13 6 C 11.895431 6 11 6.8954305 11 8 C 11 9.1045695 11.895431 10 13 10 C 14.104569 10 15 9.1045695 15 8 C 15 6.8954305 14.104569 6 13 6 z "
+       id="path3750" />
   </g>
 </svg>

diff --git a/core/img/actions/user.svg b/core/img/actions/user.svg
index f5ac9088c672e33165b35af591339a8904acee29..6d0dc714ce402be6245fc81a7e6ef829d545956d 100644 (file)
--- a/core/img/actions/user.svg
+++ b/core/img/actions/user.svg
@@ -27,7 +27,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -47,8 +47,8 @@
      showguides="true"
      inkscape:guide-bbox="true"
      inkscape:zoom="16"
-     inkscape:cx="7.0131695"
-     inkscape:cy="5.1911759"
+     inkscape:cx="6.2464037"
+     inkscape:cy="5.7411894"
      inkscape:window-x="0"
      inkscape:window-y="27"
      inkscape:window-maximized="1"
@@ -1690,7 +1690,7 @@
      id="g4146">
     <path
        id="path2880-5-3"
-       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00012147;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.00012147000000007;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans;opacity:1"
        d="m 8.4036095,0.99999982 c -1.7311503,0 -3.199751,1.26607188 -3.199751,2.89996308 0.012287,0.516426 0.058473,1.1532486 0.3666387,2.4999667 l 0,0.033333 0.033328,0.033333 c 0.098928,0.2833818 0.2428905,0.4454861 0.4332995,0.6666581 0.190409,0.2211719 0.4174151,0.4814874 0.6332844,0.6999905 0.025397,0.025708 0.041676,0.041633 0.066656,0.066677 0.04281,0.1863059 0.094672,0.386808 0.1333222,0.5666595 0.1028444,0.4785093 0.092296,0.817368 0.066668,0.93332 -0.7438941,0.26121 -1.6693756,0.572285 -2.4998049,0.9333223 -0.4662227,0.202697 -0.8881034,0.383698 -1.2332384,0.599993 -0.3451339,0.216295 -0.6883746,0.379709 -0.7999369,0.866656 -0.1600387,0.632932 -0.19866,0.753904 -0.399969,1.533302 -0.027212,0.209143 0.083011,0.429614 0.2666456,0.533326 1.507807,0.814508 3.8239751,1.142327 6.1328564,1.13332 2.3088796,-0.009 4.6066016,-0.356087 6.0661936,-1.13332 0.117388,-0.07353 0.143041,-0.108689 0.133323,-0.233305 -0.04365,-0.68908 -0.08154,-1.366916 -0.133319,-1.766644 -0.01807,-0.09908 -0.06492,-0.192753 -0.133324,-0.266663 -0.46366,-0.553698 -1.156389,-0.89218 -1.966513,-1.23332 -0.739597,-0.31144 -1.606657,-0.6348603 -2.4664743,-0.9999873 -0.048123,-0.107207 -0.095926,-0.4191236 0,-0.8999881 0.025759,-0.1291209 0.066096,-0.2674152 0.099994,-0.3999952 0.0808,-0.090507 0.143781,-0.164467 0.233316,-0.2666632 0.190958,-0.2179623 0.396144,-0.4466106 0.56662,-0.6666572 0.170482,-0.2200478 0.309958,-0.4088229 0.399971,-0.6666594 l 0.03333,-0.033333 c 0.34839,-1.4061623 0.348571,-1.9929284 0.366639,-2.4999678 l 0,-0.033333 c 0,-1.6338901 -1.468599,-2.899962 -3.199751,-2.899962 z"
        inkscape:connector-curvature="0"
        sodipodi:nodetypes="cccccsscscssccccccccscscsscccssc" />

diff --git a/core/templates/installation.php b/core/templates/installation.php
index 6e36cd3dc26cdf30fbedd6c005f9d574ead1bdb0..28fbf29b540e7cef1f995b695fc1686603c09867 100644 (file)
--- a/core/templates/installation.php
+++ b/core/templates/installation.php
@@ -37,10 +37,12 @@
                <p class="infield grouptop">
                        <input type="text" name="adminlogin" id="adminlogin" value="<?php print OC_Helper::init_var('adminlogin'); ?>" autocomplete="off" autofocus required />
                        <label for="adminlogin" class="infield"><?php echo $l->t( 'Username' ); ?></label>
+                       <img class="svg" src="<?php echo image_path('', 'actions/user.svg'); ?>" alt="" />
                </p>
                <p class="infield groupbottom">
                        <input type="password" name="adminpass" id="adminpass" value="<?php print OC_Helper::init_var('adminpass'); ?>" required />
                        <label for="adminpass" class="infield"><?php echo $l->t( 'Password' ); ?></label>
+                       <img class="svg" src="<?php echo image_path('', 'actions/password.svg'); ?>" alt="" />
                </p>
        </fieldset>
 

diff --git a/core/templates/login.php b/core/templates/login.php
index 53e2e9da2caa3f71d34558d5cb3076c6809a9b0a..153d1b50a3048f5b4a52342f964cdcfec360aa58 100644 (file)
--- a/core/templates/login.php
+++ b/core/templates/login.php
@@ -19,10 +19,12 @@
                <p class="infield grouptop">
                        <input type="text" name="user" id="user" value="<?php echo $_['username']; ?>"<?php echo $_['user_autofocus']?' autofocus':''; ?> autocomplete="on" required />
                        <label for="user" class="infield"><?php echo $l->t( 'Username' ); ?></label>
+                       <img class="svg" src="<?php echo image_path('', 'actions/user.svg'); ?>" alt="" />
                </p>
                <p class="infield groupbottom">
                        <input type="password" name="password" id="password" value="" required<?php echo $_['user_autofocus']?'':' autofocus'; ?> />
                        <label for="password" class="infield"><?php echo $l->t( 'Password' ); ?></label>
+                       <img class="svg" src="<?php echo image_path('', 'actions/password.svg'); ?>" alt="" />
                </p>
                <input type="checkbox" name="remember_login" value="1" id="remember_login" /><label for="remember_login"><?php echo $l->t('remember'); ?></label>
                <input type="submit" id="submit" class="login primary" value="<?php echo $l->t( 'Log in' ); ?>" />