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 @@
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 {
width: 50%;
text-align: right;
padding-right: 2rem;
font-weight: bold;
}
.my_info_line_right {
width: 50%;
padding-left: 2rem;
......@@ -83,4 +99,4 @@
#my_info .member_shift_name_area {
align-items: flex-start;
}
}
\ No newline at end of file
}
......@@ -6,6 +6,12 @@ body {
margin: 35px 0 30px 0;
}
@media screen and (max-width: 435px) {
.page_title {
margin: 4vw 0 3vw 0;
}
}
/* -- Tiles */
.tiles_container {
......@@ -150,6 +156,7 @@ body {
}
#member_status_action {
display: flex;
margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
......@@ -167,13 +174,22 @@ body {
.unsuscribed_form_link {
display: none;
text-decoration: none;
font-size: 1.5rem;
font-size: 1.7rem;
word-break: normal;
}
.unsuscribed_form_link:hover {
text-decoration: none;
}
@media (max-width: 435px) {
.unsuscribed_form_link {
font-size: 90%;
line-height: 7vw;
}
}
.member_status_up_to_date,
.member_status_exempted {
color: #5cb85c;
......@@ -331,4 +347,4 @@ body {
.shop_message_content {
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