xxxxxxxxxx1
<a class="btn btn-primary" data-toggle="modal" data-target="#ModalNotifications">Button</a>2
3
<div class="modal fade right overflow-hidden" id="ModalNotifications" tabindex="-1" role="dialog" aria-labelledby="ModalNotifications" aria-hidden="true">4
<div class="modal-dialog h-50 overflow-hidden modal-full-height modal-right" role="document">5
<div class="modal-content">6
<div class="modal-header red lighten-1 text-white">7
<h4 class="modal-title w-100" id="ModalNotifications"><i class="fal fa-bell mr-3"></i>Notifications</h4>8
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">9
<span aria-hidden="true">×</span>10
</button>11
</div>12
<div class="bg-primary" style="height:100%; overflow:scroll;">13
<div class="list-group list-group-flush my-2 font-weight-light">14
<a href="#" class="list-group-item list-group-item-action border-top-0">15
<div class="d-flex w-100 justify-content-between">16
<div class="text-truncate mr-2"><i class="fal fa-chart-pie fa-fw mr-2"></i>Rantaplan a rempli son enquête satisfaction</div>17
<small class="text-nowrap">Avant-hier</small>18
</div>19
</a>20
<a href="#" class="list-group-item list-group-item-action">21
<div class="d-flex w-100 justify-content-between">22
<div><i class="fal fa-user-minus fa-fw mr-2"></i>Joe Dalton Supprimé</div>23
<small>Il y a 3 jours</small>24
</div>25
</a>26
<a href="#" class="list-group-item list-group-item-action">27
<div class="d-flex w-100 justify-content-between">28
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>29
<small>Il y a 1 semaine</small>30
</div>31
</a>32
<a href="#" class="list-group-item list-group-item-action">33
<div class="d-flex w-100 justify-content-between">34
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>35
<small>Il y a 1 semaine</small>36
</div>37
</a>38
<a href="#" class="list-group-item list-group-item-action">39
<div class="d-flex w-100 justify-content-between">40
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>41
<small>Il y a 1 semaine</small>42
</div>43
</a>44
<a href="#" class="list-group-item list-group-item-action">45
<div class="d-flex w-100 justify-content-between">46
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>47
<small>Il y a 1 semaine</small>48
</div>49
</a>50
<a href="#" class="list-group-item list-group-item-action">51
<div class="d-flex w-100 justify-content-between">52
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>53
<small>Il y a 1 semaine</small>54
</div>55
</a>56
<a href="#" class="list-group-item list-group-item-action">57
<div class="d-flex w-100 justify-content-between">58
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>59
<small>Il y a 1 semaine</small>60
</div>61
</a>62
<a href="#" class="list-group-item list-group-item-action">63
<div class="d-flex w-100 justify-content-between">64
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>65
<small>Il y a 1 semaine</small>66
</div>67
</a>68
<a href="#" class="list-group-item list-group-item-action">69
<div class="d-flex w-100 justify-content-between">70
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>71
<small>Il y a 1 semaine</small>72
</div>73
</a>74
<a href="#" class="list-group-item list-group-item-action">75
<div class="d-flex w-100 justify-content-between">76
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>77
<small>Il y a 1 semaine</small>78
</div>79
</a>80
<a href="#" class="list-group-item list-group-item-action">81
<div class="d-flex w-100 justify-content-between">82
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>83
<small>Il y a 1 semaine</small>84
</div>85
</a>86
<a href="#" class="list-group-item list-group-item-action">87
<div class="d-flex w-100 justify-content-between">88
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>89
<small>Il y a 1 semaine</small>90
</div>91
</a>92
<a href="#" class="list-group-item list-group-item-action">93
<div class="d-flex w-100 justify-content-between">94
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>95
<small>Il y a 1 semaine</small>96
</div>97
</a>98
<a href="#" class="list-group-item list-group-item-action">99
<div class="d-flex w-100 justify-content-between">100
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>101
<small>Il y a 1 semaine</small>102
</div>103
</a>104
<a href="#" class="list-group-item list-group-item-action">105
<div class="d-flex w-100 justify-content-between">106
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>107
<small>Il y a 1 semaine</small>108
</div>109
</a>110
<a href="#" class="list-group-item list-group-item-action">111
<div class="d-flex w-100 justify-content-between">112
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>113
<small>Il y a 1 semaine</small>114
</div>115
</a>116
<a href="#" class="list-group-item list-group-item-action">117
<div class="d-flex w-100 justify-content-between">118
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>119
<small>Il y a 1 semaine</small>120
</div>121
</a>122
<a href="#" class="list-group-item list-group-item-action">123
<div class="d-flex w-100 justify-content-between">124
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>125
<small>Il y a 1 semaine</small>126
</div>127
</a>128
<a href="#" class="list-group-item list-group-item-action">129
<div class="d-flex w-100 justify-content-between">130
<div><i class="fal fa-user-plus fa-fw mr-2"></i>Lucky Luke créé</div>131
<small>Il y a 1 semaine</small>132
</div>133
</a>134
</div>135
<div class="d-flex flex-column flex-center text-black-50">136
<i class="fal fa-bell-slash fa-10x"></i>137
<div class="h3 mt-5 font-weight-light">Aucune notification</div>138
</div>139
<div class="d-flex flex-column flex-center text-black-50">140
<i class="fal fa-bell-slash fa-10x"></i>141
<div class="h3 mt-5 font-weight-light">Aucune notification</div>142
</div>143
</div>144
</div>145
</div>146
</div>1
1
1
1
Console errors: 0