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

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

@ -2729,14 +2729,14 @@ export default {
let { breakpoint, numMonths } = responsiveOptions[i];
let styles = `
.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++) {
styles += `
.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 {
overflow: visible !important;
overflow: visible;
}
.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]}) {
* .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}) {
${selector} > .p-datatable-thead > tr > th,
${selector} > .p-datatable-tfoot > tr > td {
display: none !important;
display: none;
}
${selector} > .p-datatable-tbody > tr > td {
display: flex;
width: 100% !important;
width: 100%;
align-items: center;
justify-content: space-between;
}

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

@ -98,7 +98,7 @@ const css = `
.p-datatable .p-column-resizer {
display: block;
position: absolute !important;
position: absolute;
top: 0;
right: 0;
margin: 0;
@ -230,7 +230,7 @@ const css = `
}
.p-datatable .p-virtualscroller .p-virtualscroller-loading {
transform: none !important;
transform: none;
min-height: 0;
position: sticky;
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]}) {
* .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 += `
@media screen and (max-width: ${breakpoint}) {
.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;
width: 100vw !important;
height: 100vh !important;
top: 0px !important;
left: 0px !important;
top: 0px;
left: 0px;
max-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 {
max-height: 0;
opacity: 0;
margin: 0 !important;
margin: 0;
}
.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]}) {
* .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 += `
@media screen and (max-width: ${breakpoint}) {
.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} {
.paginator[${this.attributeSelector}],
.p-paginator-default{
display: flex !important;
display: flex;
}
}
`;
} else {
innerHTML += `
.paginator[${this.attributeSelector}], .p-paginator-${key} {
display: none !important;
display: none;
}
@media screen ${minValue} and (max-width: ${key}) {
.paginator[${this.attributeSelector}], .p-paginator-${key} {
display: flex !important;
display: flex;
}
.paginator[${this.attributeSelector}],
.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-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 {
display: none !important;
display: none;
}
}
`;

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

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

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

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

8
doc/timeline/TemplateDoc.vue
View File

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