The default opacity for text in Vuetify seems to be text-medium-emphasis. When using coloured text, this is (IMHO) too faint.
There is a class text-high-emphasis but this appears to override the colour, so the text becomes black (or dark grey), High-emphasis doesn't appear to change anything anyway, even in black.
<v-chip v-else-if="chip.distance===0" size="x-large" variant="outlined" class="font-weight-bold text-high-emphasis"
:color="colourFromDistance(r,c)"
> {{ chip.name }}
</v-chip>
demo codepen here
Is it possible to have 'stronger' (high-emphasis) coloured text?
Related
I control the size of my image in a page by CSS imgType.
<img class="imgType" style="..." src="/image1.jpg" alt="..." />
If I edit the image to change its name only (the fields width & height stay empty and save the content of the editor, tiny writes a value for both the width and height.
<img class="imgType" style="..." src="/image2.jpg" alt="..." width="249" height="145" />
I tried to use object_resizing : false, but it does not do anything.
How can I stop tiny to write these values?
You can remove the image dimensions from the Insert/Edit Image dialog with:
image_dimensions: false
Docs:
https://www.tiny.cloud/docs/tinymce/6/image/#image_dimensions
I create a card with some items inside but i cannot change the width of the v-list-items.
When two v-list-items are on same line the length is 50% for each and i need that the left one be wider.
I made one codepen to show my problem (maybe the problem is how i create the items).
If the left item is wider the ellipsis in the text (long text but not so much as for ellipsis) is not necessary.
CodePen
<v-list-item-content class="pt-0">
<v-list-item-title>long text but not so much as for ellipsis</v-list-item-title>
<v-list-item-subtitle>Today</v-list-item-subtitle>
</v-list-item-content>
<v-list-item-content class="pt-0">
<v-list-item-title align="right" class="font-weight-light display-2">180</v-list-item-title>
<v-list-item-subtitle align="right"> </v-list-item-subtitle>
</v-list-item-content>
You can put your <v-list-item-content> inside a <div class="myDiv"> for example and set your desired width or other styles to that class.
I want to change the color of text-field in vuetify,I set the color but it doesn't work! Here is the result expected :result
set color prop on the text-field.
Or, alternatively use background-color
https://vuetifyjs.com/en/components/text-fields#api
example:
<v-text-field
label="My Lable"
color="blue"
></v-text-field>
I would like summernote to return font sizes in PT rather than PX. Any ideas. I have tried editing summernote.js but cannot find where the list of default font sizes is specified.
use pt rather than px, summernote automatically convert the font size in px.
Example -> if you set font size 36pt rather than 36px, summernote automatically convert 36pt to 48px.
If you use preview code in summernote editor,
<p><span style="font-size: 36px;">Hello</span><br/>
<span style="font-size: 36pt;">Hello</span></p>
output:
Hello -> 36px
Hello -> 48px
I have an image in which certain area is highlighted by red colour as shown:
I want to fill it with black colour. The code which I have used to highlight the area is:
image= read('image.jpg');
figure,imshow(image);
cropped=image(200:240,100:480,:);
thresh=200;
lw=im2bw(cropped,thresh/255);
lw=bwareaopen(lw,100);
[B,L]=bwboundaries(lw,'noholes');
numRegions=max(L(:));
stats=regionprops(L,'all');
shapes=[stats.Eccentricity];
g=[stats.MinorAxisLength]
q=[stats.MajorAxisLength]
u=[stats.Orientation]
keepers=find(abs(u)<12);
imshow(cropped)
for index=1:length(keepers)
outline=B{keepers(index)};
line(outline(:,2),outline(:,1),'color','r','LineWidth',2);
end
How can I use imfill command to fill it as I have only the outline of the highlighted area.