my-test123/app/widgets/select-dropdown/select-dropdown.component.css

A planner front-end for Fabric8.

.user-avatar {
  width: 25px;
  height: 25px;
}
.user-avatar img {
  width: 100%;
  height: 100%;
  border: solid 1px;
  border-color: #d1d1d1;
  border-radius: 50%;
}
.not-assigned-user-icon {
  padding: 4px 3.5px;
  width: 25px;
  height: 25px;
  color: #72767b;
  font-size: 15px;
  text-align: center;
  border: dashed 1px;
  border-color: #72767b;
  border-radius: 50%;
}
.detail-action-btn {
  width: 40px;
  padding: 0 !important;
  margin-left: 10px;
  line-height: 1.7;
  text-align: center;
  cursor: pointer;
}
.select-dropdown-container .select-dropdown {
  top: 26px;
  left: 0;
  width: 270px;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}
.select-dropdown-container .select-dropdown-header {
  height: 30px;
  padding: 2px;
  padding-left: 5px;
  font-weight: bold;
  line-height: 26px;
  background-color: #ededed;
}
.select-dropdown-container .select-dropdown-header .close-pointer {
  margin-right: 4px;
  line-height: 26px;
  cursor: pointer;
}
.select-dropdown-container .select-dropdown-footer {
  background-color: #ededed;
  height: 50px;
  padding: 10px;
}
.select-dropdown-container .select-dropdown-search {
  position: relative;
  height: 50px;
  padding: 10px;
}
.select-dropdown-container .select-dropdown-search-input {
  width: 100%;
  height: 100%;
  padding: 0px 30px 0px 10px;
  outline: none;
  border: 1px solid;
  border-color: #bbb;
  border-radius: 2px;
}
.select-dropdown-container .select-dropdown-search-input:focus {
  border-color: #0088ce;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 136, 206, 0.6);
}
.select-dropdown-container .select-dropdown-search .search-icon {
  position: absolute;
  top: 17px;
  right: 20px;
  font-size: 15px;
  font-weight: 900;
  color: #d1d1d1;
}
.select-dropdown-container .select-dropdown .select-dropdown-menu {
  max-height: 240px;
  padding-left: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}
.select-dropdown-container .select-dropdown .select-dropdown-menu li {
  height: 30px;
  padding: 2px;
  padding-left: 10px;
  line-height: 26px;
}
.select-dropdown-container .select-dropdown .select-dropdown-menu .item-li {
  position: relative;
  cursor: pointer;
}
.select-dropdown-container .select-dropdown .select-dropdown-menu .item-li .tick {
  position: absolute;
  top: 10px;
  right: 6px;
}
.select-dropdown-container .select-dropdown .select-dropdown-menu .item-li:hover {
  color: #fff;
  background-color: #0088ce;
}
.select-dropdown-container .select-dropdown .select-dropdown-menu .item-li.item-selected {
  color: #fff;
  background-color: #0088ce;
}
.select-dropdown-container .select-dropdown .select-dropdown-menu .item-li .dynamic-item {
  width: 90%;
  height: 30px;
  overflow: hidden;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC93aWRnZXRzL3NlbGVjdC1kcm9wZG93bi9zZWxlY3QtZHJvcGRvd24uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFdBQUE7RUFDQSxZQUFBOztBQUVGLFlBQWE7RUFDWCxXQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EscUJBQUE7RUFDQSxrQkFBQTs7QUFFRjtFQUNFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSxjQUFBO0VBQ0EsZUFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxxQkFBQTtFQUNBLGtCQUFBOztBQUVGO0VBQ0UsV0FBQTtFQUNBLHFCQUFBO0VBQ0EsaUJBQUE7RUFDQSxnQkFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTs7QUFFRiwwQkFBMkI7RUFDekIsU0FBQTtFQUNBLE9BQUE7RUFDQSxZQUFBO0VBQ0EsK0JBQUE7RUFDQSw0QkFBQTtFQUNBLHVCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxtQkFBQTtFQUNBLGdCQUFBOztBQUVGLDBCQUEyQjtFQUN6QixZQUFBO0VBQ0EsWUFBQTtFQUNBLGlCQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLHlCQUFBOztBQUVGLDBCQUEyQix3QkFBd0I7RUFDakQsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLGVBQUE7O0FBRUYsMEJBQTJCO0VBQ3pCLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7O0FBRUYsMEJBQTJCO0VBQ3pCLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7O0FBRUYsMEJBQTJCO0VBQ3pCLFdBQUE7RUFDQSxZQUFBO0VBQ0EsMEJBQUE7RUFDQSxhQUFBO0VBQ0EsaUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBOztBQUVGLDBCQUEyQiw4QkFBNkI7RUFDdEQscUJBQUE7RUFDQSxVQUFBO0VBQ0EsZ0ZBQUE7O0FBRUYsMEJBQTJCLHdCQUF3QjtFQUNqRCxrQkFBQTtFQUNBLFNBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGdCQUFBO0VBQ0EsY0FBQTs7QUFFRiwwQkFBMkIsaUJBQWlCO0VBQzFDLGlCQUFBO0VBQ0EsZUFBQTtFQUNBLFNBQUE7RUFDQSxnQkFBQTtFQUNBLGNBQUE7O0FBRUYsMEJBQTJCLGlCQUFpQixzQkFBc0I7RUFDaEUsWUFBQTtFQUNBLFlBQUE7RUFDQSxrQkFBQTtFQUNBLGlCQUFBOztBQUVGLDBCQUEyQixpQkFBaUIsc0JBQXNCO0VBQ2hFLGtCQUFBO0VBQ0EsZUFBQTs7QUFFRiwwQkFBMkIsaUJBQWlCLHNCQUFzQixTQUFTO0VBQ3pFLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFVBQUE7O0FBRUYsMEJBQTJCLGlCQUFpQixzQkFBc0IsU0FBUTtFQUN4RSxXQUFBO0VBQ0EseUJBQUE7O0FBRUYsMEJBQTJCLGlCQUFpQixzQkFBc0IsU0FBUTtFQUN4RSxXQUFBO0VBQ0EseUJBQUE7O0FBRUYsMEJBQTJCLGlCQUFpQixzQkFBc0IsU0FBUztFQUN6RSxVQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBIiwiZmlsZSI6ImFwcC93aWRnZXRzL3NlbGVjdC1kcm9wZG93bi9zZWxlY3QtZHJvcGRvd24uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbXX0= */