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

Merge pull request #4638 from FlipWarthog/no-important 

Fix #4637 - Component Styles: Remove use of !important now that @layer is used
pull/4992/head
Tuğçe Küçükoğlu 2023-12-21 10:39:01 +03:00 committed by GitHub
parent 2c4bd884f1 6b6fe55edd
commit 84f735ef77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
18 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/basecomponent/style/BaseComponentStyle.js
View File

@ -247,7 +247,7 @@ const css = `
} }
.p-disabled, .p-disabled * { .p-disabled, .p-disabled * {
cursor: default !important; cursor: default;
pointer-events: none; pointer-events: none;
user-select: none; user-select: none;
} }
@ -274,7 +274,7 @@ const css = `
padding: 0; padding: 0;
position: absolute; position: absolute;
width: 1px; width: 1px;
word-wrap: normal !important; word-wrap: normal;
} }
.p-link { .p-link {

4
components/lib/calendar/Calendar.vue
View File

@ -2729,14 +2729,14 @@ export default {
let { breakpoint, numMonths } = responsiveOptions[i]; let { breakpoint, numMonths } = responsiveOptions[i];
let styles = ` let styles = `
.p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${numMonths}) .p-datepicker-next { .p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${numMonths}) .p-datepicker-next {
display: inline-flex !important; display: inline-flex;
} }
`; `;
for (let j = numMonths; j < this.numberOfMonths; j++) { for (let j = numMonths; j < this.numberOfMonths; j++) {
styles += ` styles += `
.p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${j + 1}) { .p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${j + 1}) {
display: none !important; display: none;
} }
`; `;
} }

2
components/lib/cascadeselect/style/CascadeSelectStyle.js
View File

@ -74,7 +74,7 @@ const css = `
} }
.p-cascadeselect-item-active { .p-cascadeselect-item-active {
overflow: visible !important; overflow: visible;
} }
.p-cascadeselect-item-active > .p-cascadeselect-sublist { .p-cascadeselect-item-active > .p-cascadeselect-sublist {

2
components/lib/confirmdialog/ConfirmDialog.d.ts vendored
View File

@ -159,7 +159,7 @@ export interface ConfirmDialogBreakpoints {
* *
* @media screen and (max-width: ${breakpoint[key]}) { * @media screen and (max-width: ${breakpoint[key]}) {
* .p-dialog[attributeSelector] { * .p-dialog[attributeSelector] {
* width: ${breakpoint[value]} !important; * width: ${breakpoint[value]};
* } * }
* } * }
*/ */

4
components/lib/datatable/DataTable.vue
View File

@ -1911,12 +1911,12 @@ export default {
@media screen and (max-width: ${this.breakpoint}) { @media screen and (max-width: ${this.breakpoint}) {
${selector} > .p-datatable-thead > tr > th, ${selector} > .p-datatable-thead > tr > th,
${selector} > .p-datatable-tfoot > tr > td { ${selector} > .p-datatable-tfoot > tr > td {
display: none !important; display: none;
} }
${selector} > .p-datatable-tbody > tr > td { ${selector} > .p-datatable-tbody > tr > td {
display: flex; display: flex;
width: 100% !important; width: 100%;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }

4
components/lib/datatable/style/DataTableStyle.js
View File

@ -98,7 +98,7 @@ const css = `
.p-datatable .p-column-resizer { .p-datatable .p-column-resizer {
display: block; display: block;
position: absolute !important; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
margin: 0; margin: 0;
@ -230,7 +230,7 @@ const css = `
} }
.p-datatable .p-virtualscroller .p-virtualscroller-loading { .p-datatable .p-virtualscroller .p-virtualscroller-loading {
transform: none !important; transform: none;
min-height: 0; min-height: 0;
position: sticky; position: sticky;
top: 0; top: 0;

2
components/lib/dialog/Dialog.d.ts vendored
View File

@ -140,7 +140,7 @@ export interface DialogBreakpoints {
* *
* @media screen and (max-width: ${breakpoint[key]}) { * @media screen and (max-width: ${breakpoint[key]}) {
* .p-dialog[attributeSelector] { * .p-dialog[attributeSelector] {
* width: ${breakpoint[value]} !important; * width: ${breakpoint[value]};
* } * }
* } * }
*/ */

2
components/lib/dialog/Dialog.vue
View File

@ -267,7 +267,7 @@ export default {
innerHTML += ` innerHTML += `
@media screen and (max-width: ${breakpoint}) { @media screen and (max-width: ${breakpoint}) {
.p-dialog[${this.attributeSelector}] { .p-dialog[${this.attributeSelector}] {
width: ${this.breakpoints[breakpoint]} !important; width: ${this.breakpoints[breakpoint]};
} }
} }
`; `;

4
components/lib/dialog/style/DialogStyle.js
View File

@ -120,8 +120,8 @@ const css = `
transform: none; transform: none;
width: 100vw !important; width: 100vw !important;
height: 100vh !important; height: 100vh !important;
top: 0px !important; top: 0px;
left: 0px !important; left: 0px;
max-height: 100%; max-height: 100%;
height: 100%; height: 100%;
} }

2
components/lib/message/style/MessageStyle.js
View File

@ -39,7 +39,7 @@ const css = `
.p-message.p-message-leave-to { .p-message.p-message-leave-to {
max-height: 0; max-height: 0;
opacity: 0; opacity: 0;
margin: 0 !important; margin: 0;
} }
.p-message-leave-active { .p-message-leave-active {

2
components/lib/overlaypanel/OverlayPanel.d.ts vendored
View File

@ -111,7 +111,7 @@ export interface OverlayPanelBreakpoints {
* *
* @media screen and (max-width: ${breakpoint[key]}) { * @media screen and (max-width: ${breakpoint[key]}) {
* .p-overlaypanel[attributeSelector] { * .p-overlaypanel[attributeSelector] {
* width: ${breakpoint[value]} !important; * width: ${breakpoint[value]};
* } * }
* } * }
*/ */

2
components/lib/overlaypanel/OverlayPanel.vue
View File

@ -281,7 +281,7 @@ export default {
innerHTML += ` innerHTML += `
@media screen and (max-width: ${breakpoint}) { @media screen and (max-width: ${breakpoint}) {
.p-overlaypanel[${this.attributeSelector}] { .p-overlaypanel[${this.attributeSelector}] {
width: ${this.breakpoints[breakpoint]} !important; width: ${this.breakpoints[breakpoint]};
} }
} }
`; `;

8
components/lib/paginator/Paginator.vue
View File

@ -175,22 +175,22 @@ export default {
@media screen ${minValue} { @media screen ${minValue} {
.paginator[${this.attributeSelector}], .paginator[${this.attributeSelector}],
.p-paginator-default{ .p-paginator-default{
display: flex !important; display: flex;
} }
} }
`; `;
} else { } else {
innerHTML += ` innerHTML += `
.paginator[${this.attributeSelector}], .p-paginator-${key} { .paginator[${this.attributeSelector}], .p-paginator-${key} {
display: none !important; display: none;
} }
@media screen ${minValue} and (max-width: ${key}) { @media screen ${minValue} and (max-width: ${key}) {
.paginator[${this.attributeSelector}], .p-paginator-${key} { .paginator[${this.attributeSelector}], .p-paginator-${key} {
display: flex !important; display: flex;
} }
.paginator[${this.attributeSelector}], .paginator[${this.attributeSelector}],
.p-paginator-default{ .p-paginator-default{
display: none !important; display: none;
} }
} }
`; `;

2
components/lib/picklist/style/PickListStyle.js
View File

@ -33,7 +33,7 @@ const css = `
.p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to, .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to { .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
transition: none !important; transition: none;
} }
} }
`; `;

2
components/lib/ripple/style/RippleStyle.js
View File

@ -28,7 +28,7 @@ const css = `
} }
.p-ripple-disabled .p-ink { .p-ripple-disabled .p-ink {
display: none !important; display: none;
} }
} }
`; `;

2
components/lib/toast/Toast.vue
View File

@ -127,7 +127,7 @@ export default {
let breakpointStyle = ''; let breakpointStyle = '';
for (let styleProp in this.breakpoints[breakpoint]) { for (let styleProp in this.breakpoints[breakpoint]) {
breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;'; breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + ';';
} }
innerHTML += ` innerHTML += `

2
components/lib/treetable/style/TreeTableStyle.js
View File

@ -71,7 +71,7 @@ const css = `
.p-treetable .p-column-resizer { .p-treetable .p-column-resizer {
display: block; display: block;
position: absolute !important; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
margin: 0; margin: 0;

8
doc/timeline/TemplateDoc.vue
View File

@ -120,10 +120,10 @@ export default {
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
::v-deep(.customized-timeline) { ::v-deep(.customized-timeline) {
.p-timeline-event:nth-child(even) { .p-timeline-event:nth-child(even) {
flex-direction: row !important; flex-direction: row;
.p-timeline-event-content { .p-timeline-event-content {
text-align: left !important; text-align: left;
} }
} }
@ -181,10 +181,10 @@ const events = ref([
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
::v-deep(.customized-timeline) { ::v-deep(.customized-timeline) {
.p-timeline-event:nth-child(even) { .p-timeline-event:nth-child(even) {
flex-direction: row !important; flex-direction: row;
.p-timeline-event-content { .p-timeline-event-content {
text-align: left !important; text-align: left;
} }
} }