+
+ &__requests-list{
+ background: @listBackColor;
+ padding: 0;
+
+ .md-subheader{
+ background: none;
+
+ }
+
+ md-list{
+ padding-top: 0;
+ }
+
+ &__item-container{
+ position: relative;
+ }
+
+ &__group{
+
+ padding: 0!important;
+
+ &__item{
+
+ &.selected{
+ background-color: @colorActive;
+
+ .yangmanModule__requests-list__group__item__path{
+ color: #fff;
+ }
+
+ .yangmanModule__requests-list__group__item__method{
+ .GET, .PUT, .POST, .DELETE, .error{
+ color: #fff;
+ }
+ }
+ }
+
+ &__path{
+ white-space: -webkit-pre-wrap; /*Chrome & Safari */
+ word-break: break-all;
+ white-space: normal;
+ line-height: 18px;
+ color: @fontColor;
+ padding: 5px 0;
+
+ p{
+ padding: 0 9px;
+ }
+ }
+
+ &__method{
+
+ padding-left: 17px;
+ min-width: 70px;
+
+ .GET{
+ color: @reqMethodGet;
+ }
+ .PUT{
+ color: @reqMethodPut;
+ }
+ .POST{
+ color: @reqMethodPost;
+ }
+ .DELETE{
+ color: @reqMethodDelete;
+ }
+ .error{
+ color: @reqError;
+ }
+ }
+ }
+
+ &__itemMenu{
+ position: absolute;
+ top: 50%;
+ margin: -20px 0 0 0;
+ right: 5px;
+ padding: 0;
+
+ &.selected{
+ > button{
+ i.material-icons{
+ color: #fff;
+ }
+ }
+ }
+
+ > button{
+ min-width: 0;
+ margin: 2px 5px;
+
+ i.material-icons{
+ vertical-align: middle;
+ color: @fontColorLight;
+
+ }
+ }
+
+ }
+
+ &__collectionMenu{
+ position: relative;
+ margin-left: -52px;
+ margin-right: 6px;
+
+ > button{
+ min-width: 0;
+ margin: 2px 5px;
+
+ i.material-icons{
+ vertical-align: middle;
+ color: @fontColorLight;
+ }
+ }
+
+ }
+ }
+
+ &__collections-list{
+ padding: 0;
+ background: @listBackColor;
+ height: 100%;
+ }
+
+ &__collection{
+ padding: 0;
+ background: @listBackColor;
+
+ &__requests{
+ padding: 0;
+ border-top: 1px solid @dataStoreListBorderColor;
+ background: @listBackColor;
+ -webkit-box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
+ box-shadow:inset 0 7px 7px -5px @dataStoreListShadowColor;
+ }
+
+ .md-subheader{
+ background: none;
+ }
+
+ .md-subheader-inner{
+ padding: 0;
+ }
+
+ .material-icons{
+ margin: 15px 25px;
+ }
+
+ &.expanded{
+ background: @listActiveColor;
+ }
+
+ p{
+ line-height: 18px;
+ padding: 12px 0;
+
+ .desc{
+ color: @fontColorLight;
+ }
+ }
+
+ }
+
+ }
+}
+.reqMenu{
+ button{
+ span{
+ color: @fontColor
+
+ }
+ i.material-icons{
+ vertical-align: middle;
+ margin-right: 5px;
+ margin-bottom: 5px;
+ }
+ }
+}
+
+
+.md-autocomplete-suggestions{
+ span{
+ color: @fontColor;
+ }
+}
+
+md-dialog{
+
+ .md-toolbar-tools{
+ button{
+ min-width: auto;
+ }
+ }
+
+ md-dialog-content, md-dialog-actions{
+ h2, span{
+ color: @fontColor;
+ }
+
+ }
+