From ae626a5c0a8128511e82186f019a84f2645b509a Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Mon, 8 Apr 2019 12:27:14 +0200
Subject: [PATCH] Fix #791: overflowing input on account detail page
---
changes/changelog.d/791.bugfix | 1 +
front/src/style/_main.scss | 4 ++++
front/src/views/admin/moderation/AccountsDetail.vue | 5 ++++-
3 files changed, 9 insertions(+), 1 deletion(-)
create mode 100644 changes/changelog.d/791.bugfix
diff --git a/changes/changelog.d/791.bugfix b/changes/changelog.d/791.bugfix
new file mode 100644
index 00000000..ef5c5c69
--- /dev/null
+++ b/changes/changelog.d/791.bugfix
@@ -0,0 +1 @@
+Fixed overflowing input on account detail page (#791)
diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss
index b5f1ac4a..7809840d 100644
--- a/front/src/style/_main.scss
+++ b/front/src/style/_main.scss
@@ -338,3 +338,7 @@ td.align.right {
input + .help {
margin-top: 0.5em;
}
+
+.table td .ui.dropdown {
+ min-width: auto;
+}
diff --git a/front/src/views/admin/moderation/AccountsDetail.vue b/front/src/views/admin/moderation/AccountsDetail.vue
index c55b9e0b..2338d481 100644
--- a/front/src/views/admin/moderation/AccountsDetail.vue
+++ b/front/src/views/admin/moderation/AccountsDetail.vue
@@ -273,10 +273,10 @@
<td>
<div class="ui right labeled input">
<input
- class="ui input"
@change="updateUser('upload_quota', true)"
v-model.number="object.user.upload_quota"
step="100"
+ name="quota"
type="number" />
<div class="ui basic label">
<translate translate-context="Content/*/*/Unit">MB</translate>
@@ -487,4 +487,7 @@ export default {
.placeholder.segment {
width: 100%;
}
+.ui.input input[name="quota"] {
+ max-width: 7em;
+}
</style>
--
GitLab