various practice UI improvements

This commit is contained in:
Thibault Duplessis 2017-01-22 14:52:17 +01:00
parent 4d1bc8dd13
commit 98584ebdeb
3 changed files with 12 additions and 8 deletions

View file

@ -5,7 +5,7 @@ title = "Practice structure",
active = "practice",
moreCss = cssTag("mod-practice.css")) {
<div class="content_box practice_config">
<h1 data-icon="" class="text lichess_title">Practice config</h1>
<h1 data-icon="" class="text lichess_title"><a href="@routes.Practice.index">Practice</a> config</h1>
<div class="both">
<form action="@routes.Practice.configSave" method="POST">
<textarea class="practice_text" name="text">@form("text").value</textarea>

View file

@ -23,24 +23,26 @@
max-height: 800px;
}
.study_box .elem.chapter {
border-top: 0;
border-bottom: 1px solid #ddd;
}
.study_box .chapter h3 {
margin: 12px 0 12px 0px;
}
.study_box .list .status {
width: 30px;
width: 28px;
opacity: 1;
font-size: 1.2em;
font-size: 1.25em;
margin-right: 4px;
}
.study_box .list .status.ongoing {
color: #ccc;
color: #d0d0d0;
}
.study_box .list .status.done {
color: #3893E8;
}
.study_box .list .active .status {
color: #fff;
font-size: 1em;
}
.study_box .finally {
padding: 12px 0;

View file

@ -322,16 +322,18 @@ div.underboard .notif.error {
display: flex;
justify-content: center;
align-items: center;
opacity: 0.7;
opacity: 0.8;
}
.study_box .chapter.active:not(.add),
.study_box .chapter:not(.add):hover {
background: rgba(56, 147, 232, 0.08);
background: rgba(56, 147, 232, 0.1);
}
.study_box .chapter.active .status,
.study_box .chapter:active,
.study_box .chapter:active .status,
.study_box .chapter.loading,
.study_box .chapter.loading .status {
color: #fff;
color: #fff!important;
background: #3893E8!important;
}
.study_box .chapter.add .status {