These are chat archives for ushahidi/Community

8th
Dec 2016
Arturo
@ArturoQuintana
Dec 08 2016 13:56
good morning @davidlosada
I need to ask you something
Arturo
@ArturoQuintana
Dec 08 2016 14:04
@davidlosada related with css and ushahidi
Ushbot
@ushbot
Dec 08 2016 14:08
[David Losada, Ushahidi] hi Arturo, sure, let’s see how I can help
Arturo
@ArturoQuintana
Dec 08 2016 14:18
thanks
I need to change some css
where may have to do it?
Ushbot
@ushbot
Dec 08 2016 14:23
[David Losada, Ushahidi] ah.. I’ve got to take a look, not my strong suit, give me a few minutes
Arturo
@ArturoQuintana
Dec 08 2016 14:24
I changed a css file in platform-client/server/www yesterday, but today I have lost them after the last update
Ushbot
@ushbot
Dec 08 2016 14:27
[David Losada, Ushahidi] yea, the css files are generated and are a result of aggregating from several sources
Arturo
@ArturoQuintana
Dec 08 2016 14:29
yeap
this is what I thought after this result
Ushbot
@ushbot
Dec 08 2016 14:30
[David Losada, Ushahidi] look at the ‘sass’ folder in platform-client
[David Losada, Ushahidi] I think you can add your overriding rules there
Arturo
@ArturoQuintana
Dec 08 2016 14:30
I am here
ok
I will looking inside the override folder
Ushbot
@ushbot
Dec 08 2016 14:31
[David Losada, Ushahidi] could create a file named i.e. overrides/_arturo.scss and then add an @import statement at the bottom of vendor.scss
Arturo
@ArturoQuintana
Dec 08 2016 14:32
ok
Ushbot
@ushbot
Dec 08 2016 14:32
[David Losada, Ushahidi] this shouldn’t be very problematic with updates causing merge conflicts etc, I think
Arturo
@ArturoQuintana
Dec 08 2016 14:32
thanks
Ushbot
@ushbot
Dec 08 2016 14:32
[David Losada, Ushahidi] welcome
Arturo
@ArturoQuintana
Dec 08 2016 14:32
I will keep you posted about
Ushbot
@ushbot
Dec 08 2016 14:32
[David Losada, Ushahidi] note the import statement would look like this @import “overrides/arturo”
Arturo
@ArturoQuintana
Dec 08 2016 14:33
ok
Ushbot
@ushbot
Dec 08 2016 14:33
[David Losada, Ushahidi] even if your file is named overrides/_arturo.scss
[David Losada, Ushahidi] alright, hope this helps!
Arturo
@ArturoQuintana
Dec 08 2016 14:54
It is done
but the system did not apply the rule
Ushbot
@ushbot
Dec 08 2016 14:56
[David Losada, Ushahidi] mm did it copy it to the generated file? I think it would be vendor.*.css
Arturo
@ArturoQuintana
Dec 08 2016 14:56
Must I rebuild something?
Ushbot
@ushbot
Dec 08 2016 14:57
[David Losada, Ushahidi] ah yes, you’ve got to run the gulp command again
[David Losada, Ushahidi] gulp build
Arturo
@ArturoQuintana
Dec 08 2016 14:57
yeap
hehehehe
Ushbot
@ushbot
Dec 08 2016 14:57
[David Losada, Ushahidi] sorry I forgot to mention
Arturo
@ArturoQuintana
Dec 08 2016 14:57
do't worry
don't worry
I thought that it was something related with that
Arturo
@ArturoQuintana
Dec 08 2016 15:03
almost done!
I have created two rules
but, one of them do not overwrite the existing rule
:-|
Ushbot
@ushbot
Dec 08 2016 15:04
[David Losada, Ushahidi] mmm it looks like something to do with the specifics of the rules , what does that rule look like?
Arturo
@ArturoQuintana
Dec 08 2016 15:05

.leaflet-container a {color: #0078a8;text-decoration: underline;}

.leaflet-container a:hover {color: #FF0000;text-decoration: underline;}

in the first one, the color it is not overwritten
Ushbot
@ushbot
Dec 08 2016 15:07
[David Losada, Ushahidi] does adding !important help?
[David Losada, Ushahidi] i’ll be back in a couple hours
Arturo
@ArturoQuintana
Dec 08 2016 15:07
in fact
Arturo
@ArturoQuintana
Dec 08 2016 15:15
it have this, but i removed
Ushbot
@ushbot
Dec 08 2016 20:25
[David Losada, Ushahidi] sorry I lost track.. so what is in your override file and what is the style that ends up being generated?
Arturo
@ArturoQuintana
Dec 08 2016 21:37

.leaflet-container a {color: #0078a8!important;text-decoration: underline;}

.leaflet-container a:hover {color: #FF0000!important;text-decoration: underline;}

this is the style
Arturo
@ArturoQuintana
Dec 08 2016 21:56
@davidlosada
this is what we can see in vendor.scss
// Custom overrides
@import "overrides/arturo";
@import "overrides/leaflet";
@import "overrides/filters";
@import "overrides/modal";
@import "overrides/charts";
@import "overrides/doorbell";
@import "overrides/intercom";