members-space-my-info.css 2.55 KB
Newer Older
1
/* We override some styles defined on the home page for the specific needs of the My Info page */
Damien Moulard committed
2 3 4 5 6

#my_info {
    font-size: 2rem;
}

7
#my_info_content {
Damien Moulard committed
8 9
    display: flex;
    flex-direction: column;
10
    margin: 2rem 0;
Damien Moulard committed
11 12 13 14
}

.my_info_line {
    display: flex;
15
    flex-wrap: wrap;
Damien Moulard committed
16 17 18 19
    width: 100%;
    padding: 1.5rem 0;
}

Félicie committed
20 21
@media screen and (min-width: 351px) and (max-width: 435px) {
    .my_info_line {
22
        font-size: 90%;
Félicie committed
23 24 25 26 27 28 29 30 31 32 33
        padding: 2vw 0;
    }
}

@media screen and (max-width: 350px) {
    .my_info_line {
        font-size:  3.5vw;
        padding: 2vw 0;
    }
}

Damien Moulard committed
34 35 36 37 38 39
.my_info_line_left {
    width: 50%;
    text-align: right;
    padding-right: 2rem;
    font-weight: bold;
}
Félicie committed
40 41


Damien Moulard committed
42 43 44
.my_info_line_right {
    width: 50%;
    padding-left: 2rem;
45 46
    max-width: 100%;
    word-break: break-all;
Damien Moulard committed
47 48
}

49 50 51 52 53 54 55 56
.my_info_line_middle {
    width: 70%;
    max-width: 100%;
    word-break: normal;
    text-align: center;
    margin: 3rem 0;
}

57 58 59 60 61 62 63
#my_info .choose_makeups,
#my_info .unsuscribed_form_link,
#my_info .remove_future_registration {
    font-size: 1.8rem;
    word-break: normal;
}

Damien Moulard committed
64 65 66 67 68 69
#my_info #member_status_action,
#my_info .member_shift_name_area,
#my_info .member_coop_number_area {
    margin-bottom: 0;
}

70 71 72
#my_info .member_shift_name_area {
    margin-top: 0;
}
73 74 75 76 77
#attached_info {
    display: flex;
    flex-direction: column;
}

78 79 80 81 82 83
.member_phone_area {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

84 85 86 87 88 89
.member_job_area {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

Etienne Freiss committed
90 91 92 93
.edit-btn{
    cursor: pointer;
}

94
#edit_address_form {
Etienne Freiss committed
95 96
    display: none ;
}
97 98 99 100
#edit_address_form #zip_form {
    margin: 5px 0;
}
#edit_phone_form {
Etienne Freiss committed
101 102
    display: none ;
}
103 104 105
#edit_phone_form #mobile_form {
    margin: 5px 0;
}
106 107 108
#edit_job_form {
    display: none ;
}
109

Etienne Freiss committed
110

Damien Moulard committed
111
@media screen and (max-width: 992px) {
Damien Moulard committed
112 113 114 115 116 117 118 119 120 121 122 123
    #my_info {
        font-size: 1.7rem;
    }
    .my_info_line_left {
        width: 30%;
        padding-right: 1rem;
    }
    .my_info_line_right {
        width: 70%;
        padding-left: 1rem;
    }

124 125 126 127 128 129 130 131 132 133
    #attached_info .my_info_line_left {
        width: 100%;
        text-align: left;
        padding: 0;
    }
    #attached_info .my_info_line_right {
        width: 100%;
        padding: 0;
    }

Damien Moulard committed
134 135 136 137 138 139 140 141 142 143 144 145 146
    #my_info .choose_makeups,
    #my_info .unsuscribed_form_link {
        white-space: normal;
    }

    #my_info .delay_date_stop_container {
        white-space: nowrap;
    }

    #my_info .member_coop_number_area,
    #my_info .member_shift_name_area {
        align-items: flex-start;
    }   
Félicie committed
147
}
148 149 150 151 152 153 154


.status_info_image {
  display: block;
  margin: 5rem auto 5rem auto;
  width: 50%;
}