mocha/php/mocha/themes/common/styles/uwt-alert.less

77 lines
976 B
Plaintext

body > div.uwt-alert-container
{
position: fixed;
right: 32px;
top: 32px;
min-width: 320px;
z-index: 100;
}
div.uwt-alert
{
margin-left: auto;
margin-bottom: 8px;
position: relative;
transition: all 0.5s, scale 0.3s;
right: 0px;
width: 600px;
&.uwt-collapsible
{
scale: 0.8;
&:not(.uwt-collapsed), &:hover
{
scale: 1.0;
}
&> div.uwt-icon
{
cursor: pointer;
}
&> div.uwt-title
{
padding: 16px;
}
}
&:not(.uwt-collapsed)
{
&> div.uwt-icon
{
float: left;
}
&> div.uwt-badge
{
display: none;
}
}
&.uwt-collapsed
{
&> div.uwt-badge
{
color: #000;
position: absolute;
margin-left: 8px;
padding: 8px;
font-size: 14pt;
right: 8px;
bottom: 8px;
}
width: 64px;
&> div.uwt-content, &> div.uwt-title
{
display: none;
}
}
&> div.uwt-title
{
font-weight: bold;
padding-bottom: 16px;
}
&> div.uwt-content
{
max-height: 200px;
overflow: clip;
overflow-y: scroll;
}
}