Skip to content

Commit 280522a

Browse files
SimeonCSimeonC
SimeonC
authored and
SimeonC
committed
fix(styling): Support other CSS frameworks.
All styling required for angularjs to run is included in the textAngular.css file. Everything else can be overwritten. Fix #361
1 parent 7b873df commit 280522a

File tree

1 file changed

+87
-0
lines changed

1 file changed

+87
-0
lines changed

src/textAngular.css

+87
Original file line numberDiff line numberDiff line change
@@ -90,4 +90,91 @@
9090
border: 1px solid black;
9191
cursor: se-resize;
9292
background-color: white;
93+
}
94+
95+
/* copy the popover code from bootstrap so this will work even without it */
96+
.popover {
97+
position: absolute;
98+
top: 0;
99+
left: 0;
100+
z-index: 1060;
101+
display: none;
102+
max-width: 276px;
103+
padding: 1px;
104+
font-size: 14px;
105+
font-weight: normal;
106+
line-height: 1.42857143;
107+
text-align: left;
108+
white-space: normal;
109+
background-color: #fff;
110+
-webkit-background-clip: padding-box;
111+
background-clip: padding-box;
112+
border: 1px solid #ccc;
113+
border: 1px solid rgba(0, 0, 0, .2);
114+
border-radius: 6px;
115+
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
116+
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
117+
}
118+
.popover.top {
119+
margin-top: -10px;
120+
}
121+
.popover.bottom {
122+
margin-top: 10px;
123+
}
124+
.popover-title {
125+
padding: 8px 14px;
126+
margin: 0;
127+
font-size: 14px;
128+
background-color: #f7f7f7;
129+
border-bottom: 1px solid #ebebeb;
130+
border-radius: 5px 5px 0 0;
131+
}
132+
.popover-content {
133+
padding: 9px 14px;
134+
}
135+
.popover > .arrow,
136+
.popover > .arrow:after {
137+
position: absolute;
138+
display: block;
139+
width: 0;
140+
height: 0;
141+
border-color: transparent;
142+
border-style: solid;
143+
}
144+
.popover > .arrow {
145+
border-width: 11px;
146+
}
147+
.popover > .arrow:after {
148+
content: "";
149+
border-width: 10px;
150+
}
151+
.popover.top > .arrow {
152+
bottom: -11px;
153+
left: 50%;
154+
margin-left: -11px;
155+
border-top-color: #999;
156+
border-top-color: rgba(0, 0, 0, .25);
157+
border-bottom-width: 0;
158+
}
159+
.popover.top > .arrow:after {
160+
bottom: 1px;
161+
margin-left: -10px;
162+
content: " ";
163+
border-top-color: #fff;
164+
border-bottom-width: 0;
165+
}
166+
.popover.bottom > .arrow {
167+
top: -11px;
168+
left: 50%;
169+
margin-left: -11px;
170+
border-top-width: 0;
171+
border-bottom-color: #999;
172+
border-bottom-color: rgba(0, 0, 0, .25);
173+
}
174+
.popover.bottom > .arrow:after {
175+
top: 1px;
176+
margin-left: -10px;
177+
content: " ";
178+
border-top-width: 0;
179+
border-bottom-color: #fff;
93180
}

0 commit comments

Comments
 (0)