Fixed inline message and demo update

pull/345/head
cagataycivici 2020-05-11 00:19:59 +03:00
parent 35190df828
commit 08e4a8ed39
26 changed files with 156 additions and 156 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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>

View File

@ -249,15 +249,15 @@ import InlineMessage from 'primevue/inlinemessage';
&lt;Message severity="warn" :life="10000" :sticky="false"&gt;This message will hide in 10 seconds.&lt;/Message&gt;
&lt;h3&gt;Validation Message&lt;/h3&gt;
&lt;div class="p-grid"&gt;
&lt;div class="p-col-12"&gt;
&lt;InputText placeholder="Username" class="p-invalid" /&gt;
&lt;InlineMessage&gt;Field is required&lt;/InlineMessage&gt;
&lt;/div&gt;
&lt;div class="p-col-12"&gt;
&lt;InputText placeholder="Email" class="p-invalid" :closable="false" /&gt;
&lt;InlineMessage /&gt;
&lt;/div&gt;
&lt;div class="p-formgroup-inline" style="margin-bottom:.5rem"&gt;
&lt;Label for="username" class="p-sr-only"&gt;Username&lt;/Label&gt;
&lt;InputText placeholder="Username" class="p-invalid" /&gt;
&lt;InlineMessage&gt;Username is required&lt;/InlineMessage&gt;
&lt;/div&gt;
&lt;div class="p-formgroup-inline"&gt;
&lt;Label for="email" class="p-sr-only"&gt;email&lt;/Label&gt;
&lt;InputText placeholder="email" class="p-invalid" /&gt;
&lt;InlineMessage /&gt;
&lt;/div&gt;
</template>
</CodeHighlight>