css

django bootstrap dropdown not working

折月煮酒 提交于 2021-02-11 18:24:12
问题 I am building website based in django. I am using bootstrap dropdown in navbar to collapse navbar on low resolution i.e. mobile view, but on clicking button navbar not getting dropdown. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <nav id="main-menu" class="navbar" role="navigation"> <div class="navbar-header"> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle=

HTML Inputs are not shown properly only on Iphone

隐身守侯 提交于 2021-02-11 18:21:27
问题 I have multiple inputs fields in my website, which are shown properly in computer browsers and in Android mobiles. But when I using my Iphone to access these inputs, they are shown way different from the original css built for these. This is the HTML CODE: <div class="panelManageSearchOptions"> <input id="panelManageSearchDiscussionsByDiscussiontitle" class="panelManageSearchInput" type="text" placeholder="חפש דיון לפי כותרת "> <input id="panelManageSearchDiscussionsByUsername" class=

Using Google Fonts with Shadow DOM [duplicate]

拟墨画扇 提交于 2021-02-11 18:19:58
问题 This question already has answers here : Google Fonts Font Doesn't load (6 answers) Closed 1 year ago . I'm trying to use a google font with my extension on the content script side - the Noto font I have downloaded and loading from the extension directory works (it is also declared in web_accessible_resources) and works fine in the ShadowDOM but the google font doesn't I'm injecting this style text into the head: var styleNode = document.createElement("style"); styleNode.type = "text/css";

Using Google Fonts with Shadow DOM [duplicate]

混江龙づ霸主 提交于 2021-02-11 18:19:26
问题 This question already has answers here : Google Fonts Font Doesn't load (6 answers) Closed 1 year ago . I'm trying to use a google font with my extension on the content script side - the Noto font I have downloaded and loading from the extension directory works (it is also declared in web_accessible_resources) and works fine in the ShadowDOM but the google font doesn't I'm injecting this style text into the head: var styleNode = document.createElement("style"); styleNode.type = "text/css";

Material UI checkbox - text alignment

假如想象 提交于 2021-02-11 18:16:36
问题 I am using Material UI 4.8.3 and have the following: const CustomizedCheckbox = withStyles({ root: { color: '#0f236e', '&$checked': { color: '#0f236e', }, }, checked: {}, })((props) => <Checkbox color="default" {...props} />); <Grid item xs={12} sm={12} md={12} lg={12} className="disclaimerAndNotes" > <FormControl fullWidth> <FormControlLabel control={<CustomizedCheckbox />} label={<div className="disclaimerandnotes">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy

Draw scaled rectangles on scaled image canvas

♀尐吖头ヾ 提交于 2021-02-11 18:16:01
问题 I'm working on a project in which i need to draw an image on a canvas and rectangles also to mention the objects present on that image. Rectangles are drawing correct positions if the image is not scaling to fit to the canvas. But if i scaled the image, Rectangles are not getting scaled to meet the correct positions. I have already gone through similar questions/answers present on stackoverflow, but none of them are working in my case or may be i'm not much educated to understand and

Draw scaled rectangles on scaled image canvas

ε祈祈猫儿з 提交于 2021-02-11 18:15:58
问题 I'm working on a project in which i need to draw an image on a canvas and rectangles also to mention the objects present on that image. Rectangles are drawing correct positions if the image is not scaling to fit to the canvas. But if i scaled the image, Rectangles are not getting scaled to meet the correct positions. I have already gone through similar questions/answers present on stackoverflow, but none of them are working in my case or may be i'm not much educated to understand and

vanilla javascript & css image slider not working properly

旧街凉风 提交于 2021-02-11 17:56:25
问题 I have created an image slider with many images using some javascript and css. I just used client width to get the size of the image (which vary slightly) and calculated the translateX distance with a counter variable. Added a css transition in the end. However I can't seem to get the slider to translate the whole image correctly. I don't know why it's going wrong. I have used 'vw' in the calculations for responsiveness. I am new to javascript and would love any tips for other parts for other

Summernote WYSIWYG

喜你入骨 提交于 2021-02-11 17:49:15
问题 I can't initialize the summernote WYSIWYG editor in my app and i dont know why is not working. I started to import the JS and CSS files, opened a div tag with "summernote" as id and inserted the javascript code in the bottom. The source files all are correctly pointed. I want to render the text editor shown in hackerwins.github.io/summernote. It doesn't show the editor. Just the plain text " use element " inside the <div id="summernote"></div> <!DOCTYPE html> <!--[if lt IE 7]> <html class="no

Strange behavior with trailing white-space in pre element with rtl direction?

旧城冷巷雨未停 提交于 2021-02-11 17:48:24
问题 I'm working with a pre element with right-to-left direction and left-aligned text. I'm doing so because I need a long string of text to be left-aligned, on one line, and I also need it to overflow on the left instead of the right. The only issue I've run into with this is that for some reason any white-space that appears at the end of the string of text is shown at the beginning of the text, even though I can see in the dev window that the white-space is clearly at the end. Why is this