aboutsummaryrefslogtreecommitdiffstats
path: root/apps/settings/css/settings.css
diff options
context:
space:
mode:
authorCarl Schwan <carl@carlschwan.eu>2022-08-11 10:15:40 +0200
committerJohn Molakvoæ <skjnldsv@protonmail.com>2022-08-26 19:49:00 +0200
commitf630bd27f7ff881050a4ca516a96d00c8ba8afb6 (patch)
treea3ab3bbf29b0418059c6a398e9d3dac01852defa /apps/settings/css/settings.css
parent68ed1af3c0afd678e6dcb8d49cbfac7ee0e1e5a2 (diff)
downloadnextcloud-server-f630bd27f7ff881050a4ca516a96d00c8ba8afb6.tar.gz
nextcloud-server-f630bd27f7ff881050a4ca516a96d00c8ba8afb6.zip
Adapt to new Nextcloud vue style
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'apps/settings/css/settings.css')
-rw-r--r--apps/settings/css/settings.css26
1 files changed, 23 insertions, 3 deletions
diff --git a/apps/settings/css/settings.css b/apps/settings/css/settings.css
index c21f8840c80..c9a18341309 100644
--- a/apps/settings/css/settings.css
+++ b/apps/settings/css/settings.css
@@ -480,12 +480,32 @@ table.nostyle td {
#security-password #passwordform {
display: flex;
flex-wrap: wrap;
+ flex-direction: column;
+ gap: 1rem;
}
-#security-password #passwordform #pass1, #security-password #passwordform .personal-show-container, #security-password #passwordform #passwordbutton {
+#security-password #passwordform .input-control {
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: column;
+}
+#security-password #passwordform .input-control label {
+ margin-bottom: 0.5rem;
+}
+#security-password #passwordform #pass1, #security-password #passwordform .personal-show-container {
flex-shrink: 1;
- width: 200px;
+ width: 300px;
min-width: 150px;
}
+#security-password #passwordform .personal-show-container #pass2 {
+ position: relative;
+ top: 0.5rem;
+}
+#security-password #passwordform .personal-show-container .personal-show-label {
+ top: 34px !important;
+ margin-right: 0;
+ margin-top: 0 !important;
+ right: 3px;
+}
#security-password #passwordform #pass2 {
width: 100%;
}
@@ -497,7 +517,7 @@ table.nostyle td {
left: 0;
width: 100%;
border-radius: 0 0 2px 2px;
- margin-top: -6px;
+ margin-top: 5px;
overflow: hidden;
height: 3px;
}