Brieuc-brd
05ab3dec89
Prior this commit the spinner was an image. After this commit the spinner is an animated SVG. It also improves the layout of the block_ui component. task-2750837 closes odoo/odoo#83811 Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
35 lines
981 B
XML
35 lines
981 B
XML
<svg xmlns="http://www.w3.org/2000/svg" class="o_spinner" viewBox="0 0 50 50" width="50" height="50">
|
|
<style>
|
|
@keyframes dash {
|
|
0% {
|
|
stroke-dashoffset: 120;
|
|
stroke-width: 2px;
|
|
}
|
|
35%, 50% {
|
|
stroke-dashoffset: 0;
|
|
stroke-width: 8px;
|
|
}
|
|
85%, 100% {
|
|
stroke-dashoffset: -120;
|
|
stroke-width: 2px;
|
|
}
|
|
}
|
|
@keyframes rotate {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
svg {
|
|
animation: rotate 1s linear infinite;
|
|
}
|
|
circle {
|
|
stroke-dasharray: 120, 120;
|
|
animation: dash 2.5s ease infinite;
|
|
}
|
|
</style>
|
|
<circle cy="25" cx="25" r="19" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round"/>
|
|
</svg>
|