From a9de85d31d8ba3ce8801d03e66866e527f5f39d7 Mon Sep 17 00:00:00 2001 From: Sandro Santilli Date: Mon, 20 Mar 2017 08:51:33 +0100 Subject: [PATCH] Improve style of user OpenID setting page (#1324) * Improve user openid list CSS and regenerate CSS --- public/css/index.css | 48 ++++++++++++++++++++++-------------------- public/less/_user.less | 2 +- 2 files changed, 26 insertions(+), 24 deletions(-) diff --git a/public/css/index.css b/public/css/index.css index d4404e32b0..3863042bc3 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -820,7 +820,7 @@ footer .ui.language .menu { border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; - box-shadow: inset 0 -1px 0 #bbb; + box-shadow: inset 0 -1px 0 #bbbbbb; } .markdown:not(code) input[type="checkbox"] { vertical-align: middle !important; @@ -896,7 +896,7 @@ footer .ui.language .menu { } .install form label { text-align: right; - width: 320px !important; + width: 320px; } .install form input { width: 35% !important; @@ -905,7 +905,7 @@ footer .ui.language .menu { text-align: left; } .install form .field .help { - margin-left: 335px !important; + margin-left: 335px; } .install form .field.optional .title { margin-left: 38%; @@ -940,18 +940,18 @@ footer .ui.language .menu { text-align: center; } #create-page-form form .header { - padding-left: 280px !important; + padding-left: 280px; } #create-page-form form .inline.field > label { text-align: right; - width: 250px !important; + width: 250px; word-wrap: break-word; } #create-page-form form .help { - margin-left: 265px !important; + margin-left: 265px; } #create-page-form form .optional .title { - margin-left: 250px !important; + margin-left: 250px; } #create-page-form form input, #create-page-form form textarea { @@ -994,7 +994,7 @@ footer .ui.language .menu { .user.reset.password form .header, .user.signin form .header, .user.signup form .header { - padding-left: 280px !important; + padding-left: 280px; } .user.activate form .inline.field > label, .user.forgot.password form .inline.field > label, @@ -1002,7 +1002,7 @@ footer .ui.language .menu { .user.signin form .inline.field > label, .user.signup form .inline.field > label { text-align: right; - width: 250px !important; + width: 250px; word-wrap: break-word; } .user.activate form .help, @@ -1010,14 +1010,14 @@ footer .ui.language .menu { .user.reset.password form .help, .user.signin form .help, .user.signup form .help { - margin-left: 265px !important; + margin-left: 265px; } .user.activate form .optional .title, .user.forgot.password form .optional .title, .user.reset.password form .optional .title, .user.signin form .optional .title, .user.signup form .optional .title { - margin-left: 250px !important; + margin-left: 250px; } .user.activate form input, .user.forgot.password form input, @@ -1051,7 +1051,7 @@ footer .ui.language .menu { .user.reset.password form .inline.field > label, .user.signin form .inline.field > label, .user.signup form .inline.field > label { - width: 200px !important; + width: 200px; } .repository.new.repo form, .repository.new.migrate form, @@ -1067,24 +1067,24 @@ footer .ui.language .menu { .repository.new.repo form .header, .repository.new.migrate form .header, .repository.new.fork form .header { - padding-left: 280px !important; + padding-left: 280px; } .repository.new.repo form .inline.field > label, .repository.new.migrate form .inline.field > label, .repository.new.fork form .inline.field > label { text-align: right; - width: 250px !important; + width: 250px; word-wrap: break-word; } .repository.new.repo form .help, .repository.new.migrate form .help, .repository.new.fork form .help { - margin-left: 265px !important; + margin-left: 265px; } .repository.new.repo form .optional .title, .repository.new.migrate form .optional .title, .repository.new.fork form .optional .title { - margin-left: 250px !important; + margin-left: 250px; } .repository.new.repo form input, .repository.new.migrate form input, @@ -1119,7 +1119,7 @@ footer .ui.language .menu { width: 50%!important; } .repository.new.repo .ui.form #auto-init { - margin-left: 265px !important; + margin-left: 265px; } .new.webhook form .help { margin-left: 25px; @@ -2594,18 +2594,18 @@ footer .ui.language .menu { text-align: center; } .organization.new.org form .header { - padding-left: 280px !important; + padding-left: 280px; } .organization.new.org form .inline.field > label { text-align: right; - width: 250px !important; + width: 250px; word-wrap: break-word; } .organization.new.org form .help { - margin-left: 265px !important; + margin-left: 265px; } .organization.new.org form .optional .title { - margin-left: 250px !important; + margin-left: 250px; } .organization.new.org form input, .organization.new.org form textarea { @@ -2710,11 +2710,13 @@ footer .ui.language .menu { .user.settings .list .item.ui.grid { margin-top: 15px; } -.user.settings .email.list .item:not(:first-child) { +.user.settings .email.list .item:not(:first-child), +.user.settings .openid.list .item:not(:first-child) { border-top: 1px solid #eaeaea; height: 50px; } -.user.settings .email.list .item:not(:first-child) .button { +.user.settings .email.list .item:not(:first-child) .button, +.user.settings .openid.list .item:not(:first-child) .button { margin-top: -10px; } .user.profile .ui.card .username { diff --git a/public/less/_user.less b/public/less/_user.less index ce0f1fa1d3..51f8c20967 100644 --- a/public/less/_user.less +++ b/public/less/_user.less @@ -10,7 +10,7 @@ margin-top: 15px; } } - .email.list { + .email.list, .openid.list { .item:not(:first-child) { border-top: 1px solid #eaeaea; height: 50px;