use inline confirm button style for password-protected links, ref #15176

This commit is contained in:
Jan-Christoph Borchardt 2015-07-29 16:31:45 +02:00
parent 332492548f
commit 033eacefd1
3 changed files with 10 additions and 2 deletions

View File

@ -1,5 +1,4 @@
#password { #password {
width: 190px !important;
padding: 10px; padding: 10px;
margin: 6px; margin: 6px;
} }

View File

@ -19,7 +19,8 @@
autocomplete="off" autocapitalize="off" autocorrect="off" autocomplete="off" autocapitalize="off" autocorrect="off"
autofocus /> autofocus />
<img class="svg" id="password-icon" src="<?php print_unescaped(image_path('', 'actions/password.svg')); ?>" alt=""/> <img class="svg" id="password-icon" src="<?php print_unescaped(image_path('', 'actions/password.svg')); ?>" alt=""/>
<input type="submit" value="" class="svg icon-confirm" /> <input type="submit" value=""
class="svg icon-confirm input-button-inline" />
</p> </p>
</fieldset> </fieldset>
</form> </form>

View File

@ -278,6 +278,14 @@ input[type="submit"].enabled {
border: 1px solid #5e5; border: 1px solid #5e5;
} }
.input-button-inline {
position: absolute !important;
right: 0;
background-color: transparent !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
opacity: .3;
}
/* CONTENT ------------------------------------------------------------------ */ /* CONTENT ------------------------------------------------------------------ */