diff --git a/src/popup/app/tools/views/tools.html b/src/popup/app/tools/views/tools.html index 057c98ca..2b35fb35 100644 --- a/src/popup/app/tools/views/tools.html +++ b/src/popup/app/tools/views/tools.html @@ -2,5 +2,35 @@
Tools
- Some content for your tools. +
+ +
diff --git a/src/popup/less/components.less b/src/popup/less/components.less index eceec2da..5407b54f 100644 --- a/src/popup/less/components.less +++ b/src/popup/less/components.less @@ -196,13 +196,22 @@ padding: 10px 10px; background-color: white; text-decoration: none; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; color: @text-color; position: relative; z-index: 1; + &:not(.wrap) { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + .text, .detail { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + &:before { content: ""; position: absolute; @@ -224,21 +233,22 @@ background-color: @list-item-hover; } + .leading-icon { + font-size: 35px; + float: left; + display: inline-block; + margin-right: 8px; + } + .text { display: block; color: @text-color; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } .detail { font-size: @font-size-small; color: @gray-light; display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } label, .item-label {