twisterarmy/twister-html
1
0
Fork 0
mirror of https://github.com/twisterarmy/twister-html.git synced 2025-01-27 15:14:40 +00:00
Code Issues Projects Releases Wiki Activity

add multiline for 'describe youself' in profile-edit; to fix #277 finally

Browse Source
This commit is contained in:
Simon Grim 2016-02-16 18:47:22 +05:00
parent b0c2bacb15
commit 904c9315fc
4 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/profile.css
View File

@ -101,8 +101,8 @@
{
margin-bottom: 8px;
}
.forEdition .profile-card-main input
{
.forEdition .profile-card-main input, .forEdition .profile-card-main textarea {
display: block;
margin: 0 auto;
background: rgba( 0, 0, 0, .1 );
@ -113,16 +113,20 @@
text-align: center;
transition: all .2s linear;
}
.forEdition .profile-card-main input:hover,
.forEdition .profile-card-main input:focus,
.forEdition .profile-card-main textarea:hover, .forEdition .profile-card-main textarea:focus,
.forEdition .profile-card-photo:hover
{
background: rgba( 0, 0, 0, .3 );
}
.input-description
{
.input-description {
width: 90%;
max-width: 90%;
}
.input-name
{
font-size: 20px;

2
profile-edit.html
View File

@ -66,7 +66,7 @@
<img class="profile-card-photo forEdition" src="img/genericPerson.png"/>
<input type="text" class="input-name" placeholder="Full name here"/>
<h2></h2>
<input type="text" class="input-description" placeholder="Describe yourself"/>
<textarea class="input-description" placeholder="Describe yourself"></textarea>
<input type="text" class="input-city" placeholder="Location"/>
<input type="text" class="input-website" placeholder="website"/>
<input type="text" class="input-tox" placeholder="Tox address"/>

18
theme_calm/css/profile.css
View File

@ -104,8 +104,8 @@
{
margin-bottom: 8px;
}
.forEdition .profile-card-main input
{
.forEdition .profile-card-main input, .forEdition .profile-card-main textarea {
display: block;
margin: 0 auto;
background: rgba( 255, 255, 255, .8 );
@ -115,14 +115,16 @@
text-align: center;
transition: all .2s linear;
}
.forEdition .profile-card-main input:hover
{
.forEdition .profile-card-main input:hover, .forEdition .profile-card-main textarea:hover {
background: rgba( 255, 255, 255, .7 );
}
.forEdition .profile-card-photo:hover{
background: #9096a5;
}
.forEdition .profile-card-main input:focus{
.forEdition .profile-card-main input:focus, .forEdition .profile-card-main textarea:focus {
background: #fff;
color: #4d4d4d;
}
@ -158,11 +160,13 @@
top: 30px;
right: 20px;
}
.profile-card-main input.input-description
{
.profile-card-main .input-description {
width: 90%;
max-width: 90%;
margin-top: 100px;
}
.input-name
{
font-size: 20px;

4
theme_nin/css/style.css
View File

@ -665,7 +665,7 @@ samp {
background: #f3f2f1;
}
/* line 233, ../sass/_profile.sass */
.forEdition.profile-card .profile-card-main input {
.forEdition.profile-card .profile-card-main input, .forEdition .profile-card-main textarea {
display: block;
margin: 5px auto;
background: white;
@ -676,6 +676,7 @@ samp {
transition: all 0.2s linear;
}
/* line 242, ../sass/_profile.sass */
.forEdition .profile-card-main textarea:hover, .forEdition .profile-card-main textarea:focus,
.forEdition.profile-card .profile-card-main input:hover, .forEdition.profile-card .profile-card-main input:focus {
background: white;
border-color: #aaa;
@ -684,6 +685,7 @@ samp {
/* line 246, ../sass/_profile.sass */
.input-description {
width: 90%;
max-width: 90%;
}
/* line 249, ../sass/_profile.sass */