Skip to content

Commit dd10c07

Browse files
committed
fix(auth): size user-form primary buttons to content
Use width fit-content with max-width 100% instead of full width. Keep Facebook login buttons spanning the form.
1 parent 762e5bc commit dd10c07

4 files changed

Lines changed: 21 additions & 0 deletions

File tree

src/styles/base.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2113,7 +2113,12 @@
21132113
height: 56px;
21142114
margin-top: 1em;
21152115
padding: 1em;
2116+
width: fit-content;
2117+
max-width: 100%;
2118+
}
2119+
.user-form .btn-primary.btn-facebook {
21162120
width: 100%;
2121+
max-width: 100%;
21172122
}
21182123
.user-form a {
21192124
color: #ddd;
@@ -2606,6 +2611,7 @@
26062611
color: #333;
26072612
}
26082613
.user-form .btn-primary {
2614+
width: fit-content;
26092615
max-width: 100%;
26102616
padding: 1em 2em;
26112617
}

src/styles/main.apalancar.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1082,6 +1082,7 @@ textarea.has-error {
10821082
display: none;
10831083
}
10841084
.reset-password .user-form .btn-primary {
1085+
width: fit-content;
10851086
max-width: 100%;
10861087
}
10871088
.header .header_panel-right {

src/styles/main.carpoolear.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2083,6 +2083,7 @@ textarea {
20832083
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019be1', endColorstr='#016587', GradientType=1);
20842084
}
20852085
.app-container.blue.reset-password .user-form .btn-primary {
2086+
width: fit-content;
20862087
max-width: 100%;
20872088
}
20882089
@media (max-width: 768px) {
@@ -2213,7 +2214,13 @@ textarea.has-error {
22132214
height: 56px;
22142215
margin-top: 1em;
22152216
padding: 1em;
2217+
width: fit-content;
2218+
max-width: 100%;
2219+
}
2220+
2221+
.user-form .btn-primary.btn-facebook {
22162222
width: 100%;
2223+
max-width: 100%;
22172224
}
22182225

22192226
.user-form a {
@@ -2773,6 +2780,7 @@ ul {
27732780
}
27742781

27752782
.user-form .btn-primary {
2783+
width: fit-content;
27762784
max-width: 100%;
27772785
padding: 1em 2em;
27782786
}

src/styles/main.example.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1868,7 +1868,12 @@ textarea.has-error {
18681868
height: 56px;
18691869
margin-top: 1em;
18701870
padding: 1em;
1871+
width: fit-content;
1872+
max-width: 100%;
1873+
}
1874+
.user-form .btn-primary.btn-facebook {
18711875
width: 100%;
1876+
max-width: 100%;
18721877
}
18731878
.user-form a {
18741879
color: #ddd;
@@ -2321,6 +2326,7 @@ ul {
23212326
color: #333;
23222327
}
23232328
.user-form .btn-primary {
2329+
width: fit-content;
23242330
max-width: 100%;
23252331
padding: 1em 2em;
23262332
}

0 commit comments

Comments
 (0)