From 122ad70961a2d7fd250a528f8bf1e3890f5c0e81 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 14 Mar 2019 17:53:20 +0000
Subject: [PATCH 1/2] Truncate long URLs on mobile
---
src/views/Environment.vue | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/views/Environment.vue b/src/views/Environment.vue
index 3be3b67..d59700c 100644
--- a/src/views/Environment.vue
+++ b/src/views/Environment.vue
@@ -85,7 +85,7 @@
<div class="bg-white px-4 py-6">
<div class="mb-6 relative">
<div class="text-xs mb-1">Git URL</div>
- <div class="border border-grey-dark rounded p-3">{{ gitUrl }}</div>
+ <div class="border border-grey-dark rounded p-3 truncate">{{ gitUrl }}</div>
<div class="absolute pin-t pin-r">
<button type="button" class="flex items-center text-xs text-blue-dark hover:underline focus:underline">
<svg class="h-3 w-3 fill-current mr-1" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
@@ -96,7 +96,7 @@
<div class="mb-6 relative">
<div class="text-xs mb-1">SSH URL</div>
- <div class="border border-grey-dark rounded p-3">{{ sshUrl }}</div>
+ <div class="border border-grey-dark rounded p-3 truncate">{{ sshUrl }}</div>
<div class="absolute pin-t pin-r">
<button type="button" class="flex items-center text-xs text-blue-dark hover:underline focus:underline">
<svg class="h-3 w-3 fill-current mr-1" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__copy"></use></svg>
From 5122ef7e918a8fbf16e8776f63370767a8bc702b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 14 Mar 2019 17:54:18 +0000
Subject: [PATCH 2/2] Move negative margin, prevent overlapping on mobile
applications page
---
src/components/Sidebar.vue | 2 +-
src/views/Applications.vue | 2 +-
src/views/Environment.vue | 2 +-
src/views/Environments.vue | 2 +-
4 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index bbfa5c9..96da64d 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -1,5 +1,5 @@
<template>
- <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll z-30 -mt-2px">
+ <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll z-30">
<div>
<ul class="list-reset">
<li v-for="link in links" :key="link.title">
diff --git a/src/views/Applications.vue b/src/views/Applications.vue
index 9828b9d..61a2298 100644
--- a/src/views/Applications.vue
+++ b/src/views/Applications.vue
@@ -51,7 +51,7 @@
</div>
</div>
- <sidebar :links="[
+ <sidebar class="sm:-mt-2px" :links="[
{ title: 'All', icon: 'alpha__grid', active: true, disabled: false },
{ title: 'Starred', icon: 'state__starred', active: false, disabled: false },
{ title: 'Recents', icon: 'objects__recent', active: false, disabled: false },
diff --git a/src/views/Environment.vue b/src/views/Environment.vue
index d59700c..a029b49 100644
--- a/src/views/Environment.vue
+++ b/src/views/Environment.vue
@@ -132,7 +132,7 @@
</div>
</div>
- <sidebar :links="[
+ <sidebar class="-mt-2px" :links="[
{ title: 'Overview', icon: 'sections__applications', active: true, disabled: false },
{ title: 'Stack Metrics', icon: 'sections__activity', active: false, disabled: false },
{ title: 'Servers', icon: 'alpha__server', active: false, disabled: false },
diff --git a/src/views/Environments.vue b/src/views/Environments.vue
index 3ca6f46..3033d7f 100644
--- a/src/views/Environments.vue
+++ b/src/views/Environments.vue
@@ -62,7 +62,7 @@
<task-log :tasks="application.tasks" v-if="application.tasks[0]"></task-log>
</div>
- <sidebar :links="[
+ <sidebar class="-mt-2px" :links="[
{ title: 'Environments', icon: 'alpha__grid', active: true, disabled: false },
{ title: 'Product Keys', icon: 'locations__keys', active: false, disabled: true },
{ title: 'Security', icon: 'alpha__security', active: false, disabled: true },