ZeusWPI/kers
9
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity

On focus styling

Browse source
This commit is contained in:
Maxime Bloch 2020-07-22 15:21:49 +02:00
parent 8f50c5b297
commit b187b27aa0
2 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
templates/base.html
View file

@ -139,6 +139,20 @@
color: inherit; color: inherit;
opacity: 1; opacity: 1;
} }
/* On focus styling */
select:focus,
input:focus,
textarea:focus,
button:focus {
background: var(--bgFormElsFocus);
}
select:focus,
input:focus,
textarea:focus {
transform: scale(1.02);
}
</style> </style>
</head> </head>
<body> <body>

2
users/templates/profile.html
View file

@ -7,7 +7,7 @@
{% if user.is_authenticated %} {% if user.is_authenticated %}
<p>Username: {{ username }}</p> <p>Username: {{ username }}</p>
<label>Student number</label> <label>Student number</label>
<input type="text" value="{{ user.student_number }}"/> <input type="text" placeholder="1234567" value="{{ user.student_number }}"/>
<label>Real name</label> <label>Real name</label>
<input type="text" value="{{ user.real_name }}"> <input type="text" value="{{ user.real_name }}">
<input type="submit" value="Save"/> <input type="submit" value="Save"/>