Untitled
unknown
plain_text
2 months ago
4.4 kB
2
Indexable
// .search-suggestion { // display: flex; // align-items: center; // gap: 12px; // border: 1px solid #ddd; // border-radius: 10px; // padding: 12px; // background: #fff; // max-width: 600px; // font-size: 14px; // color: #333; // box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); // } // .avatar { // width: 32px; // height: 32px; // border-radius: 50%; // background: #f1f1f1; // display: flex; // align-items: center; // justify-content: center; // } // .avatar i { // color: #888; // font-size: 16px; // } // .content { // flex: 1; // display: flex; // flex-direction: column; // gap: 6px; // } // .filters { // display: flex; // align-items: center; // gap: 8px; // font-size: 14px; // } // p-chip { // background-color: #eef; // color: #5a5a5a; // font-weight: bold; // } // .edit-filters { // color: #007bff; // text-decoration: none; // } // .edit-filters i { // font-size: 12px; // } // .header { // display: flex; // align-items: center; // gap: 10px; // font-size: 14px; // color: #333; // } // .avatar-icon { // font-size: 24px; // color: #ccc; // } // .filters { // display: flex; // align-items: center; // gap: 8px; // font-size: 14px; // color: #333; // margin-top: 10px; // } // .chip { // background-color: #eef; // color: #5a5a5a; // font-weight: bold; // } // .edit-filters { // color: #007bff; // text-decoration: none; // font-size: 14px; // } // .edit-filters i { // font-size: 12px; // } ::ng-deep .cardFilter{ background-color: red !important; } ::ng-deep .p-card { background-color: transparent !important; background: transparent !important; box-shadow: none !important; outline: none !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; // border: 2px solid transparent !important; // background-color: transparent !important; &:hover { border: 1px solid #4f46e5 !important; box-shadow: 0px 4px 10px rgba(79, 70, 229, 0.2) !important; } } .inputSearch{ border: none !important; background: transparent !important; box-shadow: none !important; outline: none !important; } .inputSearch:focus { border: none !important; background: transparent !important; box-shadow: none !important; outline: none !important; } .filters { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #333; margin-top: 10px; } .profile-img { width: 50px; height: 50px; border-radius: 50%; margin-right: 1rem; } // .view-profile-btn { // background-color: #4f46e5; // color: white; // border-radius: 20px; // padding: 0.5rem 1rem; // font-weight: bold; // } .expertise-tags { display: flex; gap: 8px; margin-top: 5px; overflow: hidden; } .tag { background-color: #eef2ff; color: #4f46e5; padding: 6px 12px; border-radius: 8px; font-size: 14px; flex-shrink: 0; } .profile-header { display: flex; align-items: center; justify-content: space-between; padding: 10px; } .profile-img { width: 50px; height: 50px; border-radius: 50%; margin-right: 1rem; } .profile-info { display: flex; align-items: center; flex-grow: 1; } .commitment-tag { background-color: #f0f0f0; color: #333; padding: 5px 10px; border-radius: 8px; font-size: 14px; margin-right: 2px; } .view-profile-btn { font-size: 12px; align-items: center; justify-content: center; gap: 5px; /* Space between text and icon */ width: 100px; /* Default smaller width */ transition: width 0.3s ease-in-out; /* Smooth transition */ white-space: nowrap; /* Prevent text from wrapping */ overflow: hidden; /* Prevent content from overflowing */ text-align: center; /* Keeps text centered */ } .view-profile-btn:hover { width: 130px; /* Increase width on hover */ } .view-profile-btn .icon-on-hover { font-size: 12px; display: none; /* Make icon visible on hover */ } .view-profile-btn:hover .icon-on-hover { display: block; /* Make icon visible on hover */ } .p-button-text:hover, .p-button-text:focus, .p-button-text:active { background-color: transparent !important; }
Editor is loading...
Leave a Comment