Multiselect close alignment

pull/345/head
cagataycivici 2020-05-13 11:34:45 +03:00
parent 8bc1d39742
commit 04bab54488
16 changed files with 48 additions and 48 deletions

View File

@ -813,15 +813,15 @@
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #9ba2aa; color: #6c757d;
background: transparent; background: #e9ecef;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #9ba2aa; color: #495057;
background: #e9ecef; background: #dee2e6;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -813,15 +813,15 @@
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #9ba2aa; color: #6c757d;
background: transparent; background: #e9ecef;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #9ba2aa; color: #495057;
background: #e9ecef; background: #dee2e6;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -813,15 +813,15 @@
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #9ba2aa; color: #6c757d;
background: transparent; background: #e9ecef;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #9ba2aa; color: #495057;
background: #e9ecef; background: #dee2e6;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -813,15 +813,15 @@
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #9ba2aa; color: #6c757d;
background: transparent; background: #e9ecef;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #9ba2aa; color: #495057;
background: #e9ecef; background: #dee2e6;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -813,15 +813,15 @@
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #9ba2aa; color: #6c757d;
background: transparent; background: #e9ecef;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #9ba2aa; color: #495057;
background: #e9ecef; background: #dee2e6;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -813,15 +813,15 @@
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #9ba2aa; color: #6c757d;
background: transparent; background: #e9ecef;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #9ba2aa; color: #495057;
background: #e9ecef; background: #dee2e6;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -813,15 +813,15 @@
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #9ba2aa; color: #6c757d;
background: transparent; background: #e9ecef;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #9ba2aa; color: #495057;
background: #e9ecef; background: #dee2e6;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -813,15 +813,15 @@
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #9ba2aa; color: #6c757d;
background: transparent; background: #e9ecef;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #9ba2aa; color: #495057;
background: #e9ecef; background: #dee2e6;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -814,14 +814,14 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #aeb6bf; color: #aeb6bf;
background: transparent; background: rgba(255, 255, 255, 0.1);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -814,14 +814,14 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #aeb6bf; color: #aeb6bf;
background: transparent; background: rgba(255, 255, 255, 0.1);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -814,14 +814,14 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #aeb6bf; color: #aeb6bf;
background: transparent; background: rgba(255, 255, 255, 0.1);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -814,14 +814,14 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #aeb6bf; color: #aeb6bf;
background: transparent; background: rgba(255, 255, 255, 0.1);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -814,14 +814,14 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #aeb6bf; color: #aeb6bf;
background: transparent; background: rgba(255, 255, 255, 0.1);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -814,14 +814,14 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #aeb6bf; color: #aeb6bf;
background: transparent; background: rgba(255, 255, 255, 0.1);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -814,14 +814,14 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #aeb6bf; color: #aeb6bf;
background: transparent; background: rgba(255, 255, 255, 0.1);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;

View File

@ -814,14 +814,14 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #aeb6bf; color: #aeb6bf;
background: transparent; background: rgba(255, 255, 255, 0.1);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s; transition: background-color 0.2s, box-shadow 0.2s, box-shadow 0.2s;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
color: #ebedef; color: #ebedef;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;