| 1 | .prism-user-menu {
|
| 2 | position: relative;
|
| 3 | flex-grow: 0;
|
| 4 | }
|
| 5 | .prism-user-menu__trigger {
|
| 6 | gap: 0.5rem;
|
| 7 | width: auto;
|
| 8 | border: 0;
|
| 9 | cursor: pointer;
|
| 10 | height: 100%;
|
| 11 | margin: 0;
|
| 12 | display: flex;
|
| 13 | padding: 0px 16px;
|
| 14 | overflow: visible;
|
| 15 | font-size: 100%;
|
| 16 | background: #FFFFFF;
|
| 17 | text-align: left;
|
| 18 | align-items: center;
|
| 19 | font-family: "Roboto", "Arial", sans-serif;
|
| 20 | line-height: 1;
|
| 21 | border-radius: 0;
|
| 22 | text-transform: none;
|
| 23 | text-decoration: none;
|
| 24 | }
|
| 25 | .prism-user-menu__trigger-icon {
|
| 26 | color: #61b3cf;
|
| 27 | width: auto;
|
| 28 | }
|
| 29 | .prism-user-menu__trigger-profile-image {
|
| 30 | width: 20px;
|
| 31 | height: 20px;
|
| 32 | display: block;
|
| 33 | border-radius: 50%;
|
| 34 | background-size: cover;
|
| 35 | background-position: center;
|
| 36 | }
|
| 37 | .prism-user-menu__trigger-label {
|
| 38 | overflow: hidden;
|
| 39 | max-width: 15ch;
|
| 40 | white-space: nowrap;
|
| 41 | text-overflow: ellipsis;
|
| 42 | }
|
| 43 | .prism-user-menu__trigger-chevron {
|
| 44 | display: none;
|
| 45 | font-size: 18px;
|
| 46 | }
|
| 47 | .prism-user-menu__trigger-chevron--show {
|
| 48 | display: block;
|
| 49 | }
|
| 50 | .prism-user-menu__popup {
|
| 51 | top: 60px;
|
| 52 | right: 0;
|
| 53 | display: none;
|
| 54 | position: absolute;
|
| 55 | background: #FFFFFF;
|
| 56 | box-shadow: 0px 1px 4px #9e9e9e;
|
| 57 | border-color: solid 1px #eeeeee;
|
| 58 | }
|
| 59 | .prism-user-menu__popup[aria-hidden=false] {
|
| 60 | display: block;
|
| 61 | }
|
| 62 | .prism-user-menu__list {
|
| 63 | margin: 0;
|
| 64 | display: flex;
|
| 65 | padding: 0;
|
| 66 | flex-direction: column;
|
| 67 | list-style-type: none;
|
| 68 | }
|
| 69 | .prism-user-menu__list-item {
|
| 70 | display: flex;
|
| 71 | white-space: nowrap;
|
| 72 | flex-direction: row;
|
| 73 | }
|
| 74 | .prism-user-menu__list-item-divider {
|
| 75 | width: 100%;
|
| 76 | border: 0;
|
| 77 | height: 0;
|
| 78 | margin: 0;
|
| 79 | border-top: solid 1px #bdbdbd;
|
| 80 | }
|
| 81 | .prism-user-menu__list-item-icon {
|
| 82 | color: rgba(0, 0, 0, 0.54);
|
| 83 | }
|
| 84 | .prism-user-menu__list-item-trigger {
|
| 85 | color: rgba(0, 0, 0, 0.54);
|
| 86 | width: 100%;
|
| 87 | border: 0;
|
| 88 | cursor: pointer;
|
| 89 | margin: 0;
|
| 90 | display: flex;
|
| 91 | padding: 16px;
|
| 92 | overflow: visible;
|
| 93 | font-size: 100%;
|
| 94 | background: #FFFFFF;
|
| 95 | text-align: left;
|
| 96 | font-family: inherit;
|
| 97 | line-height: 1;
|
| 98 | flex-direction: row;
|
| 99 | text-transform: none;
|
| 100 | justify-content: left;
|
| 101 | text-decoration: none;
|
| 102 | }
|
| 103 | .prism-user-menu__list-item-trigger:focus, .prism-user-menu__list-item-trigger:hover {
|
| 104 | background: #f5f5f5;
|
| 105 | }
|
| 106 | .prism-user-menu__list-item-label {
|
| 107 | padding-left: 16px;
|
| 108 | } |
| \ | No newline at end of file |