Home Forums Porto Template textbox heigh and textbox/icon separation design

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 1 month, 1 week ago. This post has been viewed 85 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10029871

    pellesoft
    Participant

    Hi, when shrinking the site-width, look at the time-icon/textbox – they separate from each other. What am i doing wrong there?

    2:nd, it seems that the calendar textbox are loosing height on the textbox when using Internet Explorer 11. What version are this code compatible with? (can you reproduce?)

    https://ellevio.pellesoft.se/kund/tidsbokning.html

    Regards
    Pelle


    #10029884

    Support2
    Keymaster

    Hello Pelle,

    1) This is the default behavior of Select2 plugin. If you reload the page the input/select field will recalculate the correctly size. You can force to always get a 100% width size adding this code in (css/custom.css):

    #lstErrortype + .select2-container {
        width: calc(100% - 43px) !important;
    }
    
    #lstErrortype + .select2-container .select2-selection {
    	width: 100% !important;
    }

    2) For the ie11 issue please try with this code in (css/custom.css):

    html.ie11 .form-control {
        min-height: 40px;
    }

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


Viewing 2 posts - 1 through 2 (of 2 total)