Vertical line between buttons are not aligned in center
I would like to display a vertical line between my buttons and that it is centered between the buttons in the middle of the header however I have the line that goes up.
Also my disconnect button is not aligned.
Fixing Extra White Space When Hiding Columns in an HTML Table
When I hide some columns in my HTML table, the table leaves extra white space compared to the containing div. Below is the HTML code causing the issue.
Can i connect the code of other components to the other components without touching the original code? Angular coding in Vs code
I want to connect my footer media query code to the About me code without any changes in the whole project, is there any possible way to do that?
overlap images on navbar angular
ı have a website and ı want to change ui.There is a navbar in my project.My goal is just to overlap the images on the home page with the navbar. I used and changed z-index many times. But I couldn’t overlap the image and the navbar. And i will make the navbar transparent.
Put small text to the right of an input field
I’m meant to have an input field meant to be disabled on page load until a small text of “Edit” next to the input field is clicked enabling it. I can’t for the life of me figure out how to place this text where it’s meant to. I haven’t yet added the disabled/enabled functionality but that’s straight forward.
Create Two Spotlights using box-shadow property
I’m trying to create a guide that have two spotlights simultaneously. When I trying to add another spotlight, both the spotlight area looks shadowy. How to avoid the shadows of one spotlight area to overlap with other spotlight areas? The box-shadow is to spotlight the desired area while making the other parts of the page looks like there is an overlay above it.
Only one spotlight
Here is how it looks like when there is only one spotlight.
Two spotlights
Here is how it looks like when there is two spotlights.
Scroll Not Working Properly In Angular Project
As you can see below, the overflow I use in my html code does not work properly on mobile devices. It does this problem only on mobile devices and does not cause problems on desktop devices
Directive class styles are not allowing in Angular?
I have a directive which on hovering over the element adds an overlay on that element. Now the each class in the dynamically added element has 5 to 8 properties each so i dont want to perform like add hostbinding or setStyle on the element using Renderer2. I have added the added the classes in the component on which the directive will take place but it is still not applying the class properties.
How can I add customized color to mat-buttons?
I need to use this mat-button in Angular project, how can I usee customized color instead of accent, primary, etc.