vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

InputGroup support for FloatLabel

pull/358/head
cagataycivici 2020-07-03 11:39:39 +03:00
parent 1cfc3e55bc
commit d783c2257d
34 changed files with 336 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/themes/arya-blue/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #383838; border-right: 1px solid #383838;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/arya-green/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #383838; border-right: 1px solid #383838;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/arya-orange/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #383838; border-right: 1px solid #383838;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/arya-purple/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #383838; border-right: 1px solid #383838;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #3f4b5b; border-right: 1px solid #3f4b5b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #3f4b5b; border-right: 1px solid #3f4b5b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/bootstrap4-light-blue/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #ced4da; border-right: 1px solid #ced4da;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/bootstrap4-light-purple/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #ced4da; border-right: 1px solid #ced4da;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/luna-amber/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #4b4b4b; border-right: 1px solid #4b4b4b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/luna-blue/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #4b4b4b; border-right: 1px solid #4b4b4b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/luna-green/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #4b4b4b; border-right: 1px solid #4b4b4b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/luna-pink/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #4b4b4b; border-right: 1px solid #4b4b4b;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/md-dark-deeppurple/theme.css
View File

@ -661,14 +661,21 @@
border-right: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3);
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/md-dark-indigo/theme.css
View File

@ -661,14 +661,21 @@
border-right: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3);
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/md-light-deeppurple/theme.css
View File

@ -661,14 +661,21 @@
border-right: 1px solid rgba(0, 0, 0, 0.38); border-right: 1px solid rgba(0, 0, 0, 0.38);
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/md-light-indigo/theme.css
View File

@ -661,14 +661,21 @@
border-right: 1px solid rgba(0, 0, 0, 0.38); border-right: 1px solid rgba(0, 0, 0, 0.38);
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -661,14 +661,21 @@
border-right: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3);
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/mdc-dark-indigo/theme.css
View File

@ -661,14 +661,21 @@
border-right: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3);
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/mdc-light-deeppurple/theme.css
View File

@ -661,14 +661,21 @@
border-right: 1px solid rgba(0, 0, 0, 0.38); border-right: 1px solid rgba(0, 0, 0, 0.38);
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/mdc-light-indigo/theme.css
View File

@ -661,14 +661,21 @@
border-right: 1px solid rgba(0, 0, 0, 0.38); border-right: 1px solid rgba(0, 0, 0, 0.38);
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/nova-accent/theme.css
View File

@ -637,14 +637,21 @@
border-right: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/nova-alt/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/nova-vue/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/nova/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/rhea/theme.css
View File

@ -637,14 +637,21 @@
border-right: 1px solid #dadada; border-right: 1px solid #dadada;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/saga-blue/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #ced4da; border-right: 1px solid #ced4da;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/saga-green/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #ced4da; border-right: 1px solid #ced4da;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/saga-orange/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #ced4da; border-right: 1px solid #ced4da;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/saga-purple/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #ced4da; border-right: 1px solid #ced4da;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/vela-blue/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #304562; border-right: 1px solid #304562;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/vela-green/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #304562; border-right: 1px solid #304562;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/vela-orange/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #304562; border-right: 1px solid #304562;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

13
public/themes/vela-purple/theme.css
View File

@ -641,14 +641,21 @@
border-right: 1px solid #304562; border-right: 1px solid #304562;
} }
.p-inputgroup > .p-component { .p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
.p-inputgroup > .p-component + .p-inputgroup-addon { .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none; border-left: 0 none;
} }
.p-inputgroup > .p-component:focus { .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1; z-index: 1;
} }

6
src/components/inputtext/InputText.css
View File

@ -19,6 +19,12 @@
justify-content: center; justify-content: center;
} }
.p-inputgroup .p-float-label {
display: flex;
align-items: stretch;
width: 100%;
}
.p-inputgroup .p-inputtext, .p-inputgroup .p-inputtext,
.p-fluid .p-inputgroup .p-inputtext { .p-fluid .p-inputgroup .p-inputtext {
flex: 1 1 auto; flex: 1 1 auto;