Commit 2df448a5 by Damien Moulard

Merge branch 'ticket_1642' into 'evolution_bdm'

ticket_1642 - Resoudre les problèmes de responsivité

See merge request !59
parents df17bf60 7abaa204
Pipeline #1472 passed with stage
in 1 minute 32 seconds
...@@ -17,12 +17,28 @@ ...@@ -17,12 +17,28 @@
padding: 1.5rem 0; padding: 1.5rem 0;
} }
@media screen and (min-width: 351px) and (max-width: 435px) {
.my_info_line {
font-size: 80%;
padding: 2vw 0;
}
}
@media screen and (max-width: 350px) {
.my_info_line {
font-size: 3.5vw;
padding: 2vw 0;
}
}
.my_info_line_left { .my_info_line_left {
width: 50%; width: 50%;
text-align: right; text-align: right;
padding-right: 2rem; padding-right: 2rem;
font-weight: bold; font-weight: bold;
} }
.my_info_line_right { .my_info_line_right {
width: 50%; width: 50%;
padding-left: 2rem; padding-left: 2rem;
...@@ -83,4 +99,4 @@ ...@@ -83,4 +99,4 @@
#my_info .member_shift_name_area { #my_info .member_shift_name_area {
align-items: flex-start; align-items: flex-start;
} }
} }
\ No newline at end of file
...@@ -6,6 +6,12 @@ body { ...@@ -6,6 +6,12 @@ body {
margin: 35px 0 30px 0; margin: 35px 0 30px 0;
} }
@media screen and (max-width: 435px) {
.page_title {
margin: 4vw 0 3vw 0;
}
}
/* -- Tiles */ /* -- Tiles */
.tiles_container { .tiles_container {
...@@ -150,6 +156,7 @@ body { ...@@ -150,6 +156,7 @@ body {
} }
#member_status_action { #member_status_action {
display: flex;
margin-bottom: 20px; margin-bottom: 20px;
} }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
...@@ -167,13 +174,22 @@ body { ...@@ -167,13 +174,22 @@ body {
.unsuscribed_form_link { .unsuscribed_form_link {
display: none; display: none;
text-decoration: none; text-decoration: none;
font-size: 1.5rem; font-size: 1.7rem;
word-break: normal;
} }
.unsuscribed_form_link:hover { .unsuscribed_form_link:hover {
text-decoration: none; text-decoration: none;
} }
@media (max-width: 435px) {
.unsuscribed_form_link {
font-size: 90%;
line-height: 7vw;
}
}
.member_status_up_to_date, .member_status_up_to_date,
.member_status_exempted { .member_status_exempted {
color: #5cb85c; color: #5cb85c;
...@@ -331,4 +347,4 @@ body { ...@@ -331,4 +347,4 @@ body {
.shop_message_content { .shop_message_content {
width: 90%; width: 90%;
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment