Commit 4a0e3a9d authored by Robert Knight's avatar Robert Knight

Fix empty tab state message being clipped

Shift the 'No annotations in this group' message down slightly to
prevent the border from being clipped.

Also prevent text selection in the tabs.
parent af70a62b
......@@ -37,6 +37,8 @@
// Disable focus ring for selected tab
outline: none;
user-select: none;
}
.selection-tabs__type.is-selected {
......@@ -49,6 +51,7 @@
font-size: 10px;
}
.selection-loading {
text-align: center;
.selection-tabs__empty-message {
position: relative;
top: 10px;
}
......@@ -15,7 +15,7 @@
<span class="selection-tabs__count" ng-if="vm.totalNotes > 0">{{ vm.totalNotes }}</sup>
</a>
</div>
<div ng-if="!vm.isLoading()">
<div ng-if="!vm.isLoading()" class="selection-tabs__empty-message">
<div ng-if="vm.selectedTab === vm.TAB_NOTES && vm.totalNotes === 0" class="annotation-unavailable-message">
<p class="annotation-unavailable-message__label">
There are no page notes in this group.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment