diff options
author | Kushal Pandya <kushal@gitlab.com> | 2017-11-29 17:49:32 +0530 |
---|---|---|
committer | kushalpandya <kushal@gitlab.com> | 2017-12-01 17:30:14 +0530 |
commit | 61a8628725f502184c2aa396d9be39186d3e52ee (patch) | |
tree | bc6ec5d7852e0253e81a14a78c9627bf2ec98115 | |
parent | 25a3a1838ab3224be0b6c658ea16fd1b37135372 (diff) | |
download | gitlab-ce-61a8628725f502184c2aa396d9be39186d3e52ee.tar.gz |
Show only group name by default and put full namespace in tooltip
-rw-r--r-- | app/assets/javascripts/groups/components/group_item.vue | 14 | ||||
-rw-r--r-- | app/assets/stylesheets/framework/lists.scss | 6 |
2 files changed, 18 insertions, 2 deletions
diff --git a/app/assets/javascripts/groups/components/group_item.vue b/app/assets/javascripts/groups/components/group_item.vue index 356a95c05ca..0cd0c59a275 100644 --- a/app/assets/javascripts/groups/components/group_item.vue +++ b/app/assets/javascripts/groups/components/group_item.vue @@ -1,4 +1,5 @@ <script> +import tooltip from '../../vue_shared/directives/tooltip'; import identicon from '../../vue_shared/components/identicon.vue'; import eventHub from '../event_hub'; @@ -8,6 +9,9 @@ import itemStats from './item_stats.vue'; import itemActions from './item_actions.vue'; export default { + directives: { + tooltip, + }, components: { identicon, itemCaret, @@ -112,10 +116,16 @@ export default { </a> </div> <div - class="title"> + class="title namespace-title"> <a + v-tooltip :href="group.relativePath" - class="no-expand">{{group.fullName}}</a> + :title="group.fullName" + class="no-expand" + data-placement="top" + > + {{group.name}} + </a> <span v-if="group.permission" class="access-type" diff --git a/app/assets/stylesheets/framework/lists.scss b/app/assets/stylesheets/framework/lists.scss index ad3bb0e35d1..cd505bcaf6d 100644 --- a/app/assets/stylesheets/framework/lists.scss +++ b/app/assets/stylesheets/framework/lists.scss @@ -449,6 +449,12 @@ ul.indent-list { } } +.namespace-title { + .tooltip-inner { + max-width: 350px; + } +} + ul.group-list-tree { li.group-row { &.has-description { |