Fixed inline message and demo update
parent
35190df828
commit
08e4a8ed39
|
@ -2970,8 +2970,8 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
|
@ -3011,7 +3011,7 @@
|
|||
color: #212121;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -2970,8 +2970,8 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
|
@ -3011,7 +3011,7 @@
|
|||
color: #212121;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -2970,8 +2970,8 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
|
@ -3011,7 +3011,7 @@
|
|||
color: #212121;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -2970,8 +2970,8 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
|
@ -3011,7 +3011,7 @@
|
|||
color: #212121;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -2970,8 +2970,8 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
|
@ -3011,7 +3011,7 @@
|
|||
color: #212121;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -2970,8 +2970,8 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
|
@ -3011,7 +3011,7 @@
|
|||
color: #212121;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -2970,8 +2970,8 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
|
@ -3011,7 +3011,7 @@
|
|||
color: #212121;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -2970,8 +2970,8 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
|
@ -3011,7 +3011,7 @@
|
|||
color: #212121;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 0px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -3004,14 +3004,14 @@
|
|||
}
|
||||
|
||||
.p-inline-message {
|
||||
padding: 1rem 1.5rem;
|
||||
margin: 1rem 0;
|
||||
padding: 0.5rem 0.5rem;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info {
|
||||
background: #B3E5FC;
|
||||
border: solid #03A9F4;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #01579B;
|
||||
}
|
||||
.p-inline-message.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -3020,7 +3020,7 @@
|
|||
.p-inline-message.p-inline-message-success {
|
||||
background: #C8E6C9;
|
||||
border: solid #4CAF50;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #1B5E20;
|
||||
}
|
||||
.p-inline-message.p-inline-message-success .p-inline-message-icon {
|
||||
|
@ -3029,7 +3029,7 @@
|
|||
.p-inline-message.p-inline-message-warn {
|
||||
background: #FFECB3;
|
||||
border: solid #FFC107;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #7f6003;
|
||||
}
|
||||
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
|
||||
|
@ -3038,14 +3038,14 @@
|
|||
.p-inline-message.p-inline-message-error {
|
||||
background: #FFCDD2;
|
||||
border: solid #F44336;
|
||||
border-width: 0 0 0 6px;
|
||||
border-width: 1px;
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message.p-inline-message-error .p-inline-message-icon {
|
||||
color: #B71C1C;
|
||||
}
|
||||
.p-inline-message .p-inline-message-icon {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.p-inline-message .p-inline-message-text {
|
||||
|
|
|
@ -24,16 +24,16 @@
|
|||
<h3>Auto Dismiss</h3>
|
||||
<Message severity="warn" :life="10000" :sticky="false">This message will hide in 10 seconds.</Message>
|
||||
|
||||
<h3>Inline Message</h3>
|
||||
<div class="p-grid">
|
||||
<div class="p-col-12">
|
||||
<InputText placeholder="Username" class="p-invalid" />
|
||||
<InlineMessage>Field is required</InlineMessage>
|
||||
</div>
|
||||
<div class="p-col-12">
|
||||
<InputText placeholder="Email" class="p-invalid" :closable="false" />
|
||||
<InlineMessage />
|
||||
</div>
|
||||
<h3>Validation Message</h3>
|
||||
<div class="p-formgroup-inline" style="margin-bottom:.5rem">
|
||||
<Label for="username" class="p-sr-only">Username</Label>
|
||||
<InputText placeholder="Username" class="p-invalid" />
|
||||
<InlineMessage>Username is required</InlineMessage>
|
||||
</div>
|
||||
<div class="p-formgroup-inline">
|
||||
<Label for="email" class="p-sr-only">email</Label>
|
||||
<InputText placeholder="email" class="p-invalid" />
|
||||
<InlineMessage />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -75,6 +75,6 @@ button.p-button {
|
|||
}
|
||||
|
||||
.p-inputtext {
|
||||
margin-right: .25em;
|
||||
margin-right: .5em;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -249,15 +249,15 @@ import InlineMessage from 'primevue/inlinemessage';
|
|||
<Message severity="warn" :life="10000" :sticky="false">This message will hide in 10 seconds.</Message>
|
||||
|
||||
<h3>Validation Message</h3>
|
||||
<div class="p-grid">
|
||||
<div class="p-col-12">
|
||||
<InputText placeholder="Username" class="p-invalid" />
|
||||
<InlineMessage>Field is required</InlineMessage>
|
||||
</div>
|
||||
<div class="p-col-12">
|
||||
<InputText placeholder="Email" class="p-invalid" :closable="false" />
|
||||
<InlineMessage />
|
||||
</div>
|
||||
<div class="p-formgroup-inline" style="margin-bottom:.5rem">
|
||||
<Label for="username" class="p-sr-only">Username</Label>
|
||||
<InputText placeholder="Username" class="p-invalid" />
|
||||
<InlineMessage>Username is required</InlineMessage>
|
||||
</div>
|
||||
<div class="p-formgroup-inline">
|
||||
<Label for="email" class="p-sr-only">email</Label>
|
||||
<InputText placeholder="email" class="p-invalid" />
|
||||
<InlineMessage />
|
||||
</div>
|
||||
</template>
|
||||
</CodeHighlight>
|
||||
|
|
Loading…
Reference in New Issue