Adjust calendar color indicator to better match owncloud
This commit is contained in:
parent
047d74924f
commit
58bd87f42e
2 changed files with 36 additions and 2 deletions
|
@ -19,6 +19,19 @@
|
|||
transition: max-height 300ms ease 0s;
|
||||
max-height: 100px;
|
||||
}
|
||||
#app-navigation li > a {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
#app-navigation li > a span.title,
|
||||
#app-navigation li > a span.icon {
|
||||
opacity: 0.57;
|
||||
}
|
||||
#app-navigation li.active > a span.title,
|
||||
#app-navigation li:hover > a span.title,
|
||||
#app-navigation li.active > a span.icon,
|
||||
#app-navigation li:hover > a span.icon{
|
||||
opacity: 1;
|
||||
}
|
||||
#app-navigation li.edit > a,
|
||||
#app-navigation li.edit .app-navigation-entry-utils,
|
||||
#app-navigation li.edit .app-navigation-entry-menu {
|
||||
|
@ -243,6 +256,27 @@
|
|||
#content .icon.toggle-completed-tasks:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
#content .calendar-indicator {
|
||||
min-width: 12px;
|
||||
min-height: 12px;
|
||||
background-color: #F00;
|
||||
display: inline-block;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
margin-top: 0px;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 20px;
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
#content .active .calendar-indicator {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
#content tr:last-child .task-item {
|
||||
height: 39px;
|
||||
}
|
||||
|
|
|
@ -45,8 +45,8 @@
|
|||
dnd-list="draggedTasks"
|
||||
dnd-drop="dropList(event, index, item)"
|
||||
dnd-dragover="dragoverList(event, index)">
|
||||
<a href="#/calendars/{{ calendar.uri }}" style="border-right: 4px solid {{ calendar.color }};" ng-dblclick="startRename(calendar)">
|
||||
<span class="icon list-list"></span>
|
||||
<a href="#/calendars/{{ calendar.uri }}" ng-dblclick="startRename(calendar)">
|
||||
<span class="calendar-indicator" style="background-color: {{ calendar.color }};"></span>
|
||||
<span class="title">{{ calendar.displayname }}</span>
|
||||
</a>
|
||||
<div class="app-navigation-entry-utils">
|
||||
|
|
Loading…
Reference in a new issue