Mercurial > libervia-templates
comparison sat_templates/templates/bulma/static/styles.css @ 271:dea66eead698
bulma (dialogs): new `notification.html` template
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 14 Aug 2020 08:46:03 +0200 |
parents | 2378084522e1 |
children | dbdaf1d7442b |
comparison
equal
deleted
inserted
replaced
270:2378084522e1 | 271:dea66eead698 |
---|---|
129 | 129 |
130 .modal-content { | 130 .modal-content { |
131 transform: scaleY(0); | 131 transform: scaleY(0); |
132 } | 132 } |
133 | 133 |
134 div.state_appended .modal-content { | 134 div.state_appended .modal-content, div.main_notification.state_appended { |
135 transform: scaleY(1); | 135 transform: scaleY(1); |
136 transition: transform 0.15s ease-in; | 136 transition: transform 0.15s ease-in; |
137 } | |
138 | |
139 div.main_notification.state_closing { | |
140 transform: scaleY(0); | |
141 } | |
142 | |
143 .main_notification { | |
144 position: fixed; | |
145 top: 2rem; | |
146 left: 0; | |
147 right: 0; | |
148 z-index: 10000; | |
149 transform: scaleY(0); | |
150 transition: transform 0.15s ease-in; | |
151 } | |
152 | |
153 div.main_notification>div.column { | |
154 display: flex; | |
155 max-width: 95%; | |
156 } | |
157 div.main_notification>div.column>div.notification { | |
158 max-width: 80rem; | |
137 } | 159 } |
138 | 160 |
139 .click_to_close { | 161 .click_to_close { |
140 cursor: pointer; | 162 cursor: pointer; |
141 } | 163 } |