app/pages/today/today.scss
.today-page-container {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow-y: auto;
}
.pomodoros {
text-align: left;
}
.add-pomodoro {
margin-left: 40px;
margin-right: 40px;
margin-top: 35px;
color: #000;
font-size: 30px;
text-align: center;
}
#add-pomodoro-modal {
width: 90%;
max-width: 600px;
}
.participant-list {
padding-bottom: 14px;
}
.participant-list span {
padding-left: 10px;
}
.mnd-pomodoro-summary {
margin: 20px;
vertical-align: top;
}
.mnd-pomodoro-details {
text-align: center;
width: 150px;
}
.mnd-pomodoro-task {
}
.mnd-pomodoro-task h4{
color: #000;
margin: 0px;
}
.mnd-pomodoro-tag {
font-weight: 200;
font-size: 12px;
}
@media (max-width: 767px) {
.mnd-pomodoro-summary {
margin: 10px 0 0 5px;
}
}
.today-container {
height: 90%;
overflow: hidden;
}
.tasks-container {
height: 90%;
overflow: auto;
padding-bottom: 60px;
}
.today-header-group {
height: 110px;
overflow: hidden;
}
.task-summary {
position: relative;
height: 80px;
width: 100%;
margin-bottom: 8px;
background: #f3f3f3;
border-radius: 4px;
user-select: none;
cursor: pointer;
}
.task-summary .left-border {
position: absolute;
left: 0px;
top: 0px;
width: 15px;
height: 100%;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.task-summary .pomodoros-container {
position: absolute;
top: 5px;
right: 10px;
width: 80%;
font-size: 18px;
overflow: hidden;
white-space: nowrap;
text-align: right;
}
.task-summary .pomodoros-container i {
margin-left: 2px;
}
.task-summary .name-container {
position: absolute;
top: 15px;
left: 30px;
width: 90%;
height: 30px;
padding-right: 40px;
font-weight: 400;
font-size: 20px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.task-summary .participants-container {
position: absolute;
bottom: 10px;
right: 10px;
}
.task-summary .tags-container {
position: absolute;
bottom: 10px;
left: 30px;
width: 80%;
margin-right: 50px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
span {
margin-right: 2px;
}
}
.task-shared {
position: absolute;
right: 12px;
bottom: 5px;
font-size: 25px;
}
.task-notes {
border-radius: 10px;
padding: 10px;
background-color: rgba(255,255,255, 0.9);
}
.running-pomodoro {
height: 40px;
width: 100%;
font-size: 25px;
text-align: center;
font-weight: 700;
}
.counted-pomodoros {
font-weight: 400;
font-size: 15px;
line-height: 30px;
padding-right: 15px;
margin-top: 20px;
text-align: right;
div {
margin-bottom: 5px;
}
}
.mnd-add-pomodoro {
vertical-align: middle;
}
.task-info {
padding-top: 20px;
}
.pomodoro-delete {
position: absolute;
right: 15px;
}
.current-task h1 {
font-weight: 700;
}
.task-status {
label {
display: block;
}
.btn {
margin-bottom: 15px;
}
}
.task-controls {
padding-bottom: 20px;
}
.active.btn {
box-shadow: 1px 3px 10px 0px #333333 inset;
}
.task-tag-filter{
padding: 5px 0px;
input {
height: 28px;
}
}
.task-status-filter{
.btn {
padding: 0px;
text-transform: uppercase;
}
}