opendev/gerrit
Code Issues Proposed changes

Merge "Fix padding on gr-tooltip with shadow DOM"

Browse Source
This commit is contained in:
Wyatt Allen
2017-06-05 23:23:34 +00:00
committed by Gerrit Code Review
parent 787bc4d964 06f2dbbd10
commit 121c85cea5
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
polygerrit-ui/app/elements/shared/gr-tooltip/gr-tooltip.html
View File

@@ -28,11 +28,13 @@ limitations under the License.
box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
color: #fff; color: #fff;
font-size: .75rem; font-size: .75rem;
padding: .5em .85em;
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
max-width: var(--tooltip-max-width); max-width: var(--tooltip-max-width);
} }
:host .tooltip {
padding: .5em .85em;
}
.arrow { .arrow {
border-left: var(--gr-tooltip-arrow-size) solid transparent; border-left: var(--gr-tooltip-arrow-size) solid transparent;
border-right: var(--gr-tooltip-arrow-size) solid transparent; border-right: var(--gr-tooltip-arrow-size) solid transparent;
@@ -45,8 +47,10 @@ limitations under the License.
width: 0; width: 0;
} }
</style> </style>
[[text]] <div class="tooltip">
<i class="arrow"></i> [[text]]
<i class="arrow"></i>
</div>
</template> </template>
<script src="gr-tooltip.js"></script> <script src="gr-tooltip.js"></script>
</dom-module> </dom-module>