mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-08-11 03:03:01 +02:00
issue #2516 update message colors
This commit is contained in:
HWFord
@@ -261,70 +261,172 @@ a.info-framed:hover {
|
||||
Info
|
||||
-------------
|
||||
|
||||
.info, .errors, .warnings, .messages
|
||||
.info-message.icon-*, .info-warning.icon-*, .info-error.icon-*
|
||||
p
|
||||
(a)
|
||||
|
||||
*/
|
||||
|
||||
.info-message, .info-warning, .info-error {
|
||||
height: 35px;
|
||||
overflow: hidden;
|
||||
border-radius: 20px;
|
||||
display: flex;
|
||||
padding: 0px 10px 0px 0px;
|
||||
font-weight: bold;
|
||||
margin-left: 10px;
|
||||
/***Banner messages***/
|
||||
.infos,
|
||||
.errors,
|
||||
.warnings,
|
||||
.messages,
|
||||
#photosAddContent .infos,
|
||||
.AddUserErrors,
|
||||
.AddAlbumErrors,
|
||||
.EditUserErrors,
|
||||
.update-password-fail,
|
||||
.icon-red-error {
|
||||
text-align: left;
|
||||
margin: 20px;
|
||||
padding: 10px 5px;
|
||||
font-weight:600;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
border-radius:0px;
|
||||
}
|
||||
|
||||
.AddUserErrors{
|
||||
margin:10px 0;
|
||||
}
|
||||
|
||||
.AddAlbumErrors{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.infos ul,
|
||||
.errors ul,
|
||||
.warnings ul,
|
||||
.messages ul,
|
||||
#photosAddContent .infos ul{
|
||||
margin:10px 0;
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
#photosAddContent .infos ul li,
|
||||
.eiw ul li{
|
||||
padding:2px;
|
||||
margin-bottom:2px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.eiw ul li p,
|
||||
.UsernameBlock.success_message{
|
||||
margin-right:0px;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#photosAddContent .infos ul li:not(:last-child),
|
||||
.eiw ul li:not(:last-child){
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.info-message a,
|
||||
.info-warning a,
|
||||
.info-error a,
|
||||
.messages a,
|
||||
#photosAddContent .infos ul li a,
|
||||
.eiw ul li a{
|
||||
border-radius:4px;
|
||||
margin:0 5px;
|
||||
padding: 2px 7px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.info.hide {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/***Rounded messages***/
|
||||
|
||||
.info-message,
|
||||
.info-warning,
|
||||
.info-error,
|
||||
.update-user-success,
|
||||
.update-user-fail,
|
||||
.groupError,
|
||||
.AddAlbumErrors,
|
||||
.ValidationUserDissociated
|
||||
.ValidationUserAssociated,
|
||||
.update-user-success,
|
||||
.update-password-success,
|
||||
.update-username-success {
|
||||
overflow: hidden;
|
||||
border-radius: 30px;
|
||||
padding: 10px 15px;
|
||||
font-weight: bold;
|
||||
align-items: start;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.info-message,
|
||||
.info-warning,
|
||||
.info-error,
|
||||
.update-user-success,
|
||||
.update-user-fail{
|
||||
display: flex;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.update-username-success{
|
||||
display: flex;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-message p, .info-warning p, .info-error p {
|
||||
margin: auto;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
text-align: initial;
|
||||
margin: auto;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: initial;
|
||||
}
|
||||
|
||||
.info-message::before, .info-warning::before, .info-error::before {
|
||||
line-height: 35px;
|
||||
margin: 0px 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.info-warning {
|
||||
color: #ee8800;
|
||||
background-color:#ffdd99;
|
||||
.info-message::before,
|
||||
.info-warning::before,
|
||||
.info-error::before {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.info-message {
|
||||
display: none;
|
||||
background-color: #c2f5c2;
|
||||
color: #0a0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.info-error {
|
||||
color: #f22;
|
||||
background-color: #ffd5dc;
|
||||
display: none;
|
||||
animation-name: info-error-appear ;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease;
|
||||
}
|
||||
|
||||
.info-message a:hover, .info-warning a:hover, .info-error a:hover {
|
||||
color: white;
|
||||
.info-error{
|
||||
display: none;
|
||||
animation-name: info-error-appear ;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease;
|
||||
}
|
||||
|
||||
@keyframes info-error-appear {
|
||||
25% { transform: translateX(-10px)}
|
||||
50% { transform: translateX(10px)}
|
||||
75% { transform: translateX(-10px)}
|
||||
100% { transform: translateX(0px)}
|
||||
}
|
||||
25% { transform: translateX(-10px)}
|
||||
50% { transform: translateX(10px)}
|
||||
75% { transform: translateX(-10px)}
|
||||
100% { transform: translateX(0px)}
|
||||
}
|
||||
|
||||
/*** Message Icons ***/
|
||||
|
||||
.eiw-icon,
|
||||
#photosAddContent .infos ul li a i,
|
||||
.eiw ul li a i,
|
||||
.AddAlbumErrors::before,
|
||||
.groupError::before,
|
||||
.ValidationUserDissociated i,
|
||||
.ValidationUserAssociated i{
|
||||
margin-right:10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.AddAlbumErrors::before,
|
||||
.groupError::before{
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/***/
|
||||
|
||||
.tree .badge-container i.icon-imagefolder-01.nb-sub-photos:before{
|
||||
margin-right:0.5em!important;
|
||||
|
||||
Reference in New Issue
Block a user