Sadece belirli bir açısal-ui önyükleme araç ipucunu nasıl genişleyebilirim?

Question

AngualrJS uygulamasında açısal önyükleme ipucu araç ipuçlarını kullanıyoruz.

Uzun metinleri barındırması gereken bir araç ipucum var. SO Displaying long text in Bootstrap tooltip sorgulamaya cevap

... ama ne, tüm ipuçları geniş sadece belirli bir ipucu yapmak istemiyorsanız ... beni nasıl ipuçları geniş gitmesi için gösterir?

(Notlar: angularjs jQuery mevcut 1.2.24, ... ama daha karmaşık bir daha bu tek araç ipucu bir stil uygulamak için ben yerine sadece mümkün olacağını) Eğer don sürece

Answer 1

, sen

CSS

.tooltip-400max .tooltip-inner { 
    max-width: 400px; 
} 

HTML

<div id="element1" 
    tooltip-append-to-body="true" 
    tooltip-class="tooltip-400max" 
    tooltip="{{ model.longTooltip }}">Text</div> 
<div>More page content</div> 

Answer 2

't tooltip-append-to-body="true" varsa, (ipucu maksimum genişlik 400px yapım bu örnekte) aşağıdaki CSS kullanabilirsiniz:

CSS

.tooltip-400max + .tooltip .tooltip-inner { 
    max-width: 400px; 
} 

HTML

<div id="element1" 
    class="tooltip-400max" 
    tooltip="{{ model.longTooltip }}">Text</div> 
<div>More page content</div> 

---

yukarıda CSS anahtar bitişik kardeş seçici, + olup. muhtemelen bildiğiniz gibi, çünkü element1 üzerine geldiğinizde, var

, araç ipucu yaklaşık böyle,element1 sonra bir div olarak eklenir:

<div id="element1" 
    class="tooltip-400max" 
    tooltip="{{ model.longTooltip }}">Text</div> 
<div class="tooltip fade in" and other stuff>...</div> 
<div>More page content</div> 

Böylece CSS seçici .tooltip-400max + .tooltip sadece bitişik bir eşleşme olan bu takılı araç ipucunu seçecektir. Soyundan gelen .tooltip-inner max-width stil, tüm araç ipuçlarını etkilemez, sadece tooltip-400max sınıfına sahip elemanlar için araç ipuçları. Öte yandan sen tooltip-append-to-body="true" varsa