Commit 468bdf99 by Damien Moulard

upgrade home style

parent 23ac5bdd
......@@ -40,8 +40,8 @@
padding: 1.5rem 1.2rem;
}
@media screen and (max-width: 768px) {
/* When the screen is less than 768 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 992px) {
/* When the screen is less than 992 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
......
......@@ -47,7 +47,7 @@
gap: 10px;
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 992px) {
#my_info {
font-size: 1.7rem;
}
......
......@@ -24,7 +24,7 @@
text-align: center;
width: 50%;
}
@media screen and (max-width:768px) {
@media screen and (max-width:992px) {
#suspended_cant_have_delay_content {
align-items: center;
text-align: center;
......@@ -39,7 +39,7 @@
justify-content: space-between;
}
@media screen and (max-width:768px) {
@media screen and (max-width:992px) {
#calendar_top_info {
display: flex;
flex-direction: column;
......@@ -57,7 +57,7 @@
white-space: nowrap;
}
@media screen and (max-width:768px) {
@media screen and (max-width:992px) {
#partner_shifts_list {
display: flex;
flex-direction: column;
......@@ -97,7 +97,7 @@
margin-right: 3px;
}
@media screen and (max-width:768px) {
@media screen and (max-width:992px) {
.select_makeups_message_block {
display: block;
}
......@@ -114,7 +114,7 @@
display: none;
}
@media screen and (max-width:768px) {
@media screen and (max-width:992px) {
#calendar {
display: none;
}
......@@ -169,7 +169,7 @@
padding: 0 !important;
}
@media screen and (max-width:768px) {
@media screen and (max-width:992px) {
.example-event {
margin: 2rem auto 0.5rem auto;
}
......
......@@ -13,7 +13,7 @@ body {
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 992px) {
.tiles_container {
flex-direction: column;
}
......@@ -125,12 +125,18 @@ body {
align-items: center;
font-size: 2rem;
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 992px) {
#home_tile_my_info .tile_content {
font-size: 1.7rem;
}
}
@media screen and (max-width: 380px) {
#home_tile_my_info .tile_content {
font-size: 1.6rem !important;
}
}
#home .member_info {
font-weight: bold;
}
......@@ -142,21 +148,22 @@ body {
#member_status_action {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 992px) {
#member_status_action {
margin-top: 5px;
margin-bottom: 10px;
}
}
.choose_makeups {
display: none;
font-size: 1.8rem;
font-size: 1.5rem;
}
.unsuscribed_form_link {
display: none;
text-decoration: none;
font-size: 1.7rem;
font-size: 1.5rem;
}
.unsuscribed_form_link:hover {
text-decoration: none;
......@@ -176,18 +183,38 @@ body {
color: #d9534f;
}
.member_shift_name_area {
margin-top: 10px;
}
.member_shift_name_area,
.member_coop_number_area {
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.member_shift_name_area,
.member_coop_number_area,
.member_associated_partner_area {
font-size: 1.9rem;
line-height: 1.3;
}
@media screen and (max-width: 380px) {
.member_shift_name_area,
.member_coop_number_area,
.member_associated_partner_area {
font-size: 1.6rem;
}
}
@media screen and (max-width: 992px) {
.member_shift_name_area,
.member_coop_number_area,
.member_associated_partner_area {
display: flex;
flex-direction: column;
align-items: center;
font-size: 1.7rem;
}
}
......@@ -278,7 +305,7 @@ body {
}
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 992px) {
#shop_info_content {
flex-direction: column;
}
......
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