"Bootstrap 5 - Margin aligning elements inside and outside the accordion"

I'm trying to align three Bootstrap5 grids: Title outside the accordion Overview in the accordion title Details in the accordion content The accordion title has left and right margins/padding, and the accordion icon takes up some space as well. I want the grid of titles and details to use the same &...

P粉834840856 2023-08-31 12:54:27 0  1  620

How to add multiple transparent overlays to an image using CSS

How can I press the triangle and include the content on top of the white circle? I'm trying to find a solution to create a hero section with a background image that contains three overlay shapes as part of the image. On top of the overlay will be h1, p and btn. I've included a screenshot below showi...

P粉777458787 2024-02-25 17:09:14 0  1  462

How to center align three SVG files on the page?

I have three separate SVG files that when layered on top of each other create a graphic. The first SVG file is a red triangle, the second is a blue circle located inside the triangle, and the third is a purple rectangle located at the base of the triangle (with a little space between the triangle an...

P粉998100648 2023-09-07 14:20:58 0  2  631

The icon in front of the php file in PhpStorm changes to file

The icon in front of the php file in PhpStorm changed to file. When creating the file, I accidentally entered the suffix php, and then I didn’t know where I clicked. After that, the icon in front of the file changed from a circle plus a C to something like this. Why? Get it back

曾经 2022-03-01 17:51:56 0  3  1740

In mobile view, how can I close this navigation bar when the user clicks on the link?

When the user clicks a link to browse the website, the navigation bar does not close? I've tried adding a click event listener to each link to close the navigation bar, but it doesn't work! Also, the hamberberger menu icon in the active position (i.e. X) is not well aligned. But the main problem is ...

P粉692052513 2024-04-06 19:23:03 0  1  744

flex css - clip element after certain height instead of wrapping

The borders represent static height and width. I want item 5 and 6 to stay on the second row and cut off item 3 and 6 instead of wrapping a third time as shown. How can I achieve this with Flex? To complement this problem, the width of the container (displayed with a border) can be resized by user a...

P粉785957729 2024-04-01 14:02:02 0  1  537

Ways to fix issue 2003 (HY000): Unable to connect to MySQL server 'db_mysql:3306' (111)

I recently tried to containerize my FastAPIPython server (also for replication/doubling purposes). Before, I had just a MySQL server in a Docker container and everything was fine, but when I also made my web server a service, it couldn't connect to the MySQL server, so now the application doesn't wo...

P粉178132828 2023-09-05 11:18:47 0  1  848

Experiment with sorting after query limit

So this is my first question here, please forgive me if something is wrong. I'm trying to make a sort query based on constraints. So there is a Customers table with 90 records. I want to first perform a query limited to 3 records, and then sort the results of this query by a column called ContactNam...

P粉237125700 2023-09-05 14:46:42 0  1  738

CSS Grid: Create new row when child content overflows column width

I have a two column layout based on CSS grid. When the content of the second column exceeds 1fr I want to create a new row. As it currently stands, the content simply overflows the column. One requirement of this layout is that the items in the right menu column are in one row. I achieve this with: ...

P粉212114661 2023-09-05 15:18:28 0  1  630

PHP full text search functionality using AND, OR and NOT operators

Newbie question: I'm trying to implement a full text search on a search string using php and eloquent. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  600

Shortest way to convert all PHP types to string

I'm writing a general system that I hope can one day be applied to fields like medicine (i.e. it's "scientific"). I think the best way is to represent all the data in php with strings (true will be "true", false will be "false" and so on). The reason for this is that in...

P粉369196603 2023-09-05 15:34:44 0  1  1018

How to get average of DATETIME column in MySQL while grouping by other columns

I'm creating and populating a MySQL table using the following query: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01-0310:

P粉460377540 2023-09-05 11:46:21 0  1  519

Multi-device (mobile phone) synchronization - React Native

I'm trying to create a Lightshow that will launch on all users' mobile devices at the same time (can have up to 2000-3000 users). All users will use the Internet (Wi-Fi or mobile data). In our FE we use Apollo for subscriptions and it works like a charm. But the problem is, user A can get subscribed...

P粉151466081 2023-09-05 11:58:38 0  1  710

Spades, Diamonds, Hearts, Clubs => styles do not change font color in Chrome for Android

In Google Chrome on Windows, the card suit symbols (spades, hearts, diamonds, clubs) are colored correctly using the "style" attribute. Unfortunately, the same page displayed in Google Chrome on Android does not display the colors I defined but uses the default black and red. (See the atta...

P粉896751037 2023-09-05 15:25:13 0  1  768

How to hide mui TextField label?

I'm developing a Nextjs app and I have a dashboard navigation bar built with mui that contains a notification that opens the notification box, which is built with regular HTML and CSS. dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashb...

P粉239164234 2023-09-05 15:41:00 0  1  694

Custom Bootstrap 5 carousel on mobile (multiple items, but not in one row)

I'm having trouble trying to customize the carousel layout on mobile devices. I want it to show every item of the carousel on mobile instead of just one, but after trying with some CSS and JS, especially using displayfloat or max-witdh I'm just starting to think this isn't possible, Or I don't know ...

P粉763662390 2023-09-05 11:53:56 0  1  602

How to use Firebase Authentication with multiple login methods and role-based authentication?

I am creating a react.js application with nodejs as backend and I want to use these authentication methods to login using email/password, login using google and login using phone, now I want to keep the uniqueness of the user while signing the user's name for Any of these, I will also get other deta...

P粉574695215 2023-09-05 12:18:10 0  1  668