Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

login-page: Make the buttons and labels cleaner. 

Changes -
a) Updated the border-radius to 4px for all the buttons.
b) Increased the margins between the labels and inputs.

These changes affect the login and register page's styling.
This commit is contained in:
Akash Nimare 2018-09-24 18:31:51 +05:30 committed by Tim Abbott
parent 3e72db8c62
commit f00cd549cd
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
static/styles/portico-signin.scss
View File

@ -339,9 +339,9 @@ html {
width: 280px; width: 280px;
border: 2px solid hsl(0, 0%, 86%); border: 1px solid hsl(0, 0%, 86%);
box-shadow: none; box-shadow: none;
border-radius: 0px; border-radius: 4px;
transition: border 0.3s ease; transition: border 0.3s ease;
} }
@ -352,10 +352,10 @@ html {
.new-style .input-box label { .new-style .input-box label {
position: absolute; position: absolute;
top: 0px; top: 0;
left: 0%; left: 0;
margin-top: 5px; margin-top: 1px;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@ -381,7 +381,7 @@ html {
.new-style .input-box input[type=text]:focus, .new-style .input-box input[type=text]:focus,
.new-style .input-box input[type=email]:focus, .new-style .input-box input[type=email]:focus,
.new-style .input-box input[type=password]:focus { .new-style .input-box input[type=password]:focus {
border: 2px solid hsl(0, 0%, 53%); border: 1px solid hsl(0, 0%, 53%);
} }
.new-style .input-box label, .new-style .input-box label,
@ -446,6 +446,7 @@ html {
background-color: hsl(213, 23%, 25%); background-color: hsl(213, 23%, 25%);
border: none; border: none;
border-radius: 4px;
transition: all 0.3s ease; transition: all 0.3s ease;
} }